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.
#247ee8
Data
Red
36
Green
126
Blue
232
Hue
212°
White
14%
Black
9%
Saturation
81%
Lightness
53%
Brightness
44%
Tone = Strong
Hue = 212°
3 digits
#38f
#38e
#38d
#37f
#37e
#37d
#36f
#36e
#36d
#28f
#28e
#28d
#27f
#27e
#27d
#26f
#26e
#26d
#18f
#18e
#18d
#17f
#17e
#17d
#16f
#16e
#16d
Named
dodgerblue
royalblue
steelblue
cornflowerblue
deepskyblue
lightseagreen
slateblue
mediumslateblue
darkturquoise
mediumturquoise
cadetblue
darkcyan
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
-210 : 2
-195 : 17
-180 : 32
-165 : 47
-150 : 62
-135 : 77
-120 : 92
-105 : 107
-90 : 122
-75 : 137
-60 : 152
-45 : 167
-30 : 182
-15 : 197
-10 : 202
-5 : 207
-2 : 210
±0 : 212
+2 : 214
+5 : 217
+10 : 222
+15 : 227
+30 : 242
+45 : 257
+60 : 272
+75 : 287
+90 : 302
+105 : 317
+120 : 332
+135 : 347
Saturation
+19 : 100
+15 : 96
+11 : 92
+7 : 88
+3 : 84
+2 : 83
±0 : 81
-1 : 80
-2 : 79
-3 : 78
-5 : 76
-9 : 72
-13 : 68
-17 : 64
-21 : 60
-25 : 56
-29 : 52
-31 : 50
-33 : 48
-37 : 44
-41 : 40
-45 : 36
-49 : 32
-53 : 28
-57 : 24
-61 : 20
-65 : 16
-69 : 12
-73 : 8
-77 : 4
-81 : 0
Lightness
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
White
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
Black
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Red
+219 : 255
+202 : 238
+185 : 221
+168 : 204
+151 : 187
+134 : 170
+117 : 153
+100 : 136
+83 : 119
+66 : 102
+49 : 85
+32 : 68
+15 : 51
+8 : 44
+4 : 40
+2 : 38
+1 : 37
±0 : 36
-1 : 35
-2 : 34
-4 : 32
-8 : 28
-19 : 17
-36 : 0
Green
+129 : 255
+112 : 238
+95 : 221
+78 : 204
+61 : 187
+44 : 170
+27 : 153
+10 : 136
+8 : 134
+4 : 130
+2 : 128
+1 : 127
±0 : 126
-1 : 125
-2 : 124
-4 : 122
-7 : 119
-8 : 118
-24 : 102
-41 : 85
-58 : 68
-75 : 51
-92 : 34
-109 : 17
-126 : 0
Blue
+23 : 255
+8 : 240
+6 : 238
+4 : 236
+2 : 234
+1 : 233
±0 : 232
-1 : 231
-2 : 230
-4 : 228
-8 : 224
-11 : 221
-28 : 204
-45 : 187
-62 : 170
-79 : 153
-96 : 136
-113 : 119
-130 : 102
-147 : 85
-164 : 68
-181 : 51
-198 : 34
-215 : 17
-232 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000