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.
#156cd2
Data
Red
21
Green
108
Blue
210
Hue
212°
White
8%
Black
18%
Saturation
82%
Lightness
45%
Brightness
37%
Tone = Strong
Hue = 212°
3 digits
#27d
#27c
#27b
#26d
#26c
#26b
#25d
#25c
#25b
#17d
#17c
#17b
#16d
#16c
#16b
#15d
#15c
#15b
#07d
#07c
#07b
#06d
#06c
#06b
#05d
#05c
#05b
Named
royalblue
dodgerblue
steelblue
darkcyan
lightseagreen
teal
slateblue
cornflowerblue
deepskyblue
darkslateblue
darkturquoise
cadetblue
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
+18 : 100
+14 : 96
+10 : 92
+6 : 88
+3 : 85
+2 : 84
±0 : 82
-2 : 80
-3 : 79
-6 : 76
-10 : 72
-14 : 68
-18 : 64
-22 : 60
-26 : 56
-30 : 52
-32 : 50
-34 : 48
-38 : 44
-42 : 40
-46 : 36
-50 : 32
-54 : 28
-58 : 24
-62 : 20
-66 : 16
-70 : 12
-74 : 8
-78 : 4
-82 : 0
Lightness
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
White
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Black
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
Red
+234 : 255
+217 : 238
+200 : 221
+183 : 204
+166 : 187
+149 : 170
+132 : 153
+115 : 136
+98 : 119
+81 : 102
+64 : 85
+47 : 68
+30 : 51
+13 : 34
+8 : 29
+4 : 25
+2 : 23
+1 : 22
±0 : 21
-1 : 20
-2 : 19
-4 : 17
-8 : 13
-21 : 0
Green
+147 : 255
+130 : 238
+113 : 221
+96 : 204
+79 : 187
+62 : 170
+45 : 153
+28 : 136
+11 : 119
+8 : 116
+4 : 112
+2 : 110
+1 : 109
±0 : 108
-1 : 107
-2 : 106
-4 : 104
-6 : 102
-8 : 100
-23 : 85
-40 : 68
-57 : 51
-74 : 34
-91 : 17
-108 : 0
Blue
+45 : 255
+28 : 238
+11 : 221
+8 : 218
+4 : 214
+2 : 212
+1 : 211
±0 : 210
-1 : 209
-2 : 208
-4 : 206
-6 : 204
-8 : 202
-23 : 187
-40 : 170
-57 : 153
-74 : 136
-91 : 119
-108 : 102
-125 : 85
-142 : 68
-159 : 51
-176 : 34
-193 : 17
-210 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000