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.
#414b60
Data
Red
65
Green
75
Blue
96
Hue
221°
White
25%
Black
62%
Saturation
19%
Lightness
32%
Brightness
29%
Tone = Grayish
Hue = 221°
3 digits
#557
#556
#555
#547
#546
#545
#537
#536
#535
#457
#456
#455
#447
#446
#445
#437
#436
#435
#357
#356
#355
#347
#346
#345
#337
#336
#335
Named
darkslategray
darkslateblue
dimgray
darkolivegreen
midnightblue
seagreen
rebeccapurple
indigo
slategray
gray
teal
forestgreen
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 : 11
-195 : 26
-180 : 41
-165 : 56
-150 : 71
-135 : 86
-120 : 101
-105 : 116
-90 : 131
-75 : 146
-60 : 161
-45 : 176
-30 : 191
-15 : 206
-10 : 211
-5 : 216
-2 : 219
±0 : 221
+2 : 223
+5 : 226
+10 : 231
+15 : 236
+30 : 251
+45 : 266
+60 : 281
+75 : 296
+90 : 311
+105 : 326
+120 : 341
+135 : 356
Saturation
+81 : 100
+77 : 96
+73 : 92
+69 : 88
+65 : 84
+61 : 80
+57 : 76
+53 : 72
+49 : 68
+45 : 64
+41 : 60
+37 : 56
+33 : 52
+31 : 50
+29 : 48
+25 : 44
+21 : 40
+17 : 36
+13 : 32
+9 : 28
+5 : 24
+3 : 22
+2 : 21
+1 : 20
±0 : 19
-2 : 17
-3 : 16
-7 : 12
-11 : 8
-15 : 4
-19 : 0
Lightness
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
White
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
Black
-62 : 0
-58 : 4
-54 : 8
-50 : 12
-46 : 16
-42 : 20
-38 : 24
-34 : 28
-30 : 32
-26 : 36
-22 : 40
-18 : 44
-14 : 48
-12 : 50
-10 : 52
-6 : 56
-3 : 59
-2 : 60
±0 : 62
+2 : 64
+3 : 65
+6 : 68
+10 : 72
+14 : 76
+18 : 80
+22 : 84
+26 : 88
+30 : 92
+34 : 96
+38 : 100
Red
+190 : 255
+173 : 238
+156 : 221
+139 : 204
+122 : 187
+105 : 170
+88 : 153
+71 : 136
+54 : 119
+37 : 102
+20 : 85
+8 : 73
+4 : 69
+3 : 68
+2 : 67
+1 : 66
±0 : 65
-1 : 64
-2 : 63
-4 : 61
-8 : 57
-14 : 51
-31 : 34
-48 : 17
-65 : 0
Green
+180 : 255
+163 : 238
+146 : 221
+129 : 204
+112 : 187
+95 : 170
+78 : 153
+61 : 136
+44 : 119
+27 : 102
+10 : 85
+8 : 83
+4 : 79
+2 : 77
+1 : 76
±0 : 75
-1 : 74
-2 : 73
-4 : 71
-7 : 68
-8 : 67
-24 : 51
-41 : 34
-58 : 17
-75 : 0
Blue
+159 : 255
+142 : 238
+125 : 221
+108 : 204
+91 : 187
+74 : 170
+57 : 153
+40 : 136
+23 : 119
+8 : 104
+6 : 102
+4 : 100
+2 : 98
+1 : 97
±0 : 96
-1 : 95
-2 : 94
-4 : 92
-8 : 88
-11 : 85
-28 : 68
-45 : 51
-62 : 34
-79 : 17
-96 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000