Color Picker
The background color will temporarily change when you hover the mouse cursor over it.
When you change the color, copy the color code to the clipboard.
#257ba7
Data
Red
37
Green
123
Blue
167
Hue
200°
White
15%
Black
35%
Saturation
64%
Lightness
40%
Brightness
40%
Tone = Dull
Hue = 200°
3 digits
#38b
#38a
#389
#37b
#37a
#379
#36b
#36a
#369
#28b
#28a
#289
#27b
#27a
#279
#26b
#26a
#269
#18b
#18a
#189
#17b
#17a
#179
#16b
#16a
#169
Named
steelblue
darkcyan
teal
lightseagreen
royalblue
cadetblue
darkslateblue
slategray
mediumseagreen
seagreen
lightslategray
slateblue
Color Harmony
Analogous ±30°
Analogous ±30°
±60°
±60°
Square ±90°
Square ±90°
Triadic ±120°
Triadic ±120°
Split Complementary
Split Complementary
Complementary
Invert
White × Black
Hue × Saturation
Hue × Lightness
Hue Saturation Lightness White Black
Hue
-195 : 5
-180 : 20
-165 : 35
-150 : 50
-135 : 65
-120 : 80
-105 : 95
-90 : 110
-75 : 125
-60 : 140
-45 : 155
-30 : 170
-15 : 185
-10 : 190
-5 : 195
-2 : 198
±0 : 200
+2 : 202
+5 : 205
+10 : 210
+15 : 215
+30 : 230
+45 : 245
+60 : 260
+75 : 275
+90 : 290
+105 : 305
+120 : 320
+135 : 335
+150 : 350
Saturation
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
Lightness
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 0
White
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
Black
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
Red
+218 : 255
+201 : 238
+184 : 221
+167 : 204
+150 : 187
+133 : 170
+116 : 153
+99 : 136
+82 : 119
+65 : 102
+48 : 85
+31 : 68
+14 : 51
+8 : 45
+4 : 41
+2 : 39
+1 : 38
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-4 : 33
-8 : 29
-20 : 17
-37 : 0
Green
+132 : 255
+115 : 238
+98 : 221
+81 : 204
+64 : 187
+47 : 170
+30 : 153
+13 : 136
+8 : 131
+4 : 127
+2 : 125
+1 : 124
±0 : 123
-1 : 122
-2 : 121
-4 : 119
-8 : 115
-21 : 102
-38 : 85
-55 : 68
-72 : 51
-89 : 34
-106 : 17
-123 : 0
Blue
+88 : 255
+71 : 238
+54 : 221
+37 : 204
+20 : 187
+8 : 175
+4 : 171
+3 : 170
+2 : 169
+1 : 168
±0 : 167
-1 : 166
-2 : 165
-4 : 163
-8 : 159
-14 : 153
-31 : 136
-48 : 119
-65 : 102
-82 : 85
-99 : 68
-116 : 51
-133 : 34
-150 : 17
-167 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000