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.
#030ec6
Data
Red
3
Green
14
Blue
198
Hue
237°
White
1%
Black
22%
Saturation
97%
Lightness
39%
Brightness
12%
Tone = Strong
Hue = 237°
3 digits
#22d
#22c
#22b
#21d
#21c
#21b
#20d
#20c
#20b
#12d
#12c
#12b
#11d
#11c
#11b
#10d
#10c
#10b
#02d
#02c
#02b
#01d
#01c
#01b
#00d
#00c
#00b
Named
mediumblue
blue
darkblue
navy
midnightblue
indigo
darkslateblue
royalblue
rebeccapurple
slateblue
teal
steelblue
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
-225 : 12
-210 : 27
-195 : 42
-180 : 57
-165 : 72
-150 : 87
-135 : 102
-120 : 117
-105 : 132
-90 : 147
-75 : 162
-60 : 177
-45 : 192
-30 : 207
-15 : 222
-10 : 227
-5 : 232
-2 : 235
±0 : 237
+2 : 239
+5 : 242
+10 : 247
+15 : 252
+30 : 267
+45 : 282
+60 : 297
+75 : 312
+90 : 327
+105 : 342
+120 : 357
Saturation
+3 : 100
+2 : 99
±0 : 97
-1 : 96
-2 : 95
-3 : 94
-5 : 92
-9 : 88
-13 : 84
-17 : 80
-21 : 76
-25 : 72
-29 : 68
-33 : 64
-37 : 60
-41 : 56
-45 : 52
-47 : 50
-49 : 48
-53 : 44
-57 : 40
-61 : 36
-65 : 32
-69 : 28
-73 : 24
-77 : 20
-81 : 16
-85 : 12
-89 : 8
-93 : 4
-97 : 0
Lightness
+61 : 100
+57 : 96
+53 : 92
+49 : 88
+45 : 84
+41 : 80
+37 : 76
+33 : 72
+29 : 68
+25 : 64
+21 : 60
+17 : 56
+13 : 52
+11 : 50
+9 : 48
+5 : 44
+3 : 42
+2 : 41
+1 : 40
±0 : 39
-2 : 37
-3 : 36
-7 : 32
-11 : 28
-15 : 24
-19 : 20
-23 : 16
-27 : 12
-31 : 8
-35 : 4
-39 : 0
White
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
Black
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
Red
+252 : 255
+235 : 238
+218 : 221
+201 : 204
+184 : 187
+167 : 170
+150 : 153
+133 : 136
+116 : 119
+99 : 102
+82 : 85
+65 : 68
+48 : 51
+31 : 34
+14 : 17
+8 : 11
+4 : 7
+2 : 5
+1 : 4
±0 : 3
-1 : 2
-2 : 1
-3 : 0
Green
+241 : 255
+224 : 238
+207 : 221
+190 : 204
+173 : 187
+156 : 170
+139 : 153
+122 : 136
+105 : 119
+88 : 102
+71 : 85
+54 : 68
+37 : 51
+20 : 34
+8 : 22
+4 : 18
+3 : 17
+2 : 16
+1 : 15
±0 : 14
-1 : 13
-2 : 12
-4 : 10
-8 : 6
-14 : 0
Blue
+57 : 255
+40 : 238
+23 : 221
+8 : 206
+6 : 204
+4 : 202
+2 : 200
+1 : 199
±0 : 198
-1 : 197
-2 : 196
-4 : 194
-8 : 190
-11 : 187
-28 : 170
-45 : 153
-62 : 136
-79 : 119
-96 : 102
-113 : 85
-130 : 68
-147 : 51
-164 : 34
-181 : 17
-198 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000