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.
#232c2a
Data
Red
35
Green
44
Blue
42
Hue
167°
White
14%
Black
83%
Saturation
11%
Lightness
15%
Brightness
16%
Tone = Dark Grayish
Hue = 167°
3 digits
#343
#342
#341
#333
#332
#331
#323
#322
#321
#243
#242
#241
#233
#232
#231
#223
#222
#221
#143
#142
#141
#133
#132
#131
#123
#122
#121
Named
darkslategray
black
midnightblue
darkgreen
darkolivegreen
forestgreen
green
navy
darkslateblue
seagreen
indigo
saddlebrown
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
-165 : 2
-150 : 17
-135 : 32
-120 : 47
-105 : 62
-90 : 77
-75 : 92
-60 : 107
-45 : 122
-30 : 137
-15 : 152
-10 : 157
-5 : 162
-2 : 165
±0 : 167
+2 : 169
+5 : 172
+10 : 177
+15 : 182
+30 : 197
+45 : 212
+60 : 227
+75 : 242
+90 : 257
+105 : 272
+120 : 287
+135 : 302
+150 : 317
+165 : 332
+180 : 347
Saturation
+89 : 100
+85 : 96
+81 : 92
+77 : 88
+73 : 84
+69 : 80
+65 : 76
+61 : 72
+57 : 68
+53 : 64
+49 : 60
+45 : 56
+41 : 52
+39 : 50
+37 : 48
+33 : 44
+29 : 40
+25 : 36
+21 : 32
+17 : 28
+13 : 24
+9 : 20
+5 : 16
+3 : 14
+2 : 13
+1 : 12
±0 : 11
-2 : 9
-3 : 8
-7 : 4
-11 : 0
Lightness
+85 : 100
+81 : 96
+77 : 92
+73 : 88
+69 : 84
+65 : 80
+61 : 76
+57 : 72
+53 : 68
+49 : 64
+45 : 60
+41 : 56
+37 : 52
+35 : 50
+33 : 48
+29 : 44
+25 : 40
+21 : 36
+17 : 32
+13 : 28
+9 : 24
+5 : 20
+3 : 18
+2 : 17
+1 : 16
±0 : 15
-2 : 13
-3 : 12
-7 : 8
-11 : 4
-15 : 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
-83 : 0
-79 : 4
-75 : 8
-71 : 12
-67 : 16
-63 : 20
-59 : 24
-55 : 28
-51 : 32
-47 : 36
-43 : 40
-39 : 44
-35 : 48
-33 : 50
-31 : 52
-27 : 56
-23 : 60
-19 : 64
-15 : 68
-11 : 72
-7 : 76
-3 : 80
-2 : 81
±0 : 83
+1 : 84
+2 : 85
+3 : 86
+5 : 88
+9 : 92
+13 : 96
+17 : 100
Red
+220 : 255
+203 : 238
+186 : 221
+169 : 204
+152 : 187
+135 : 170
+118 : 153
+101 : 136
+84 : 119
+67 : 102
+50 : 85
+33 : 68
+16 : 51
+8 : 43
+4 : 39
+2 : 37
+1 : 36
±0 : 35
-1 : 34
-2 : 33
-4 : 31
-8 : 27
-18 : 17
-35 : 0
Green
+211 : 255
+194 : 238
+177 : 221
+160 : 204
+143 : 187
+126 : 170
+109 : 153
+92 : 136
+75 : 119
+58 : 102
+41 : 85
+24 : 68
+8 : 52
+7 : 51
+4 : 48
+2 : 46
+1 : 45
±0 : 44
-1 : 43
-2 : 42
-4 : 40
-8 : 36
-10 : 34
-27 : 17
-44 : 0
Blue
+213 : 255
+196 : 238
+179 : 221
+162 : 204
+145 : 187
+128 : 170
+111 : 153
+94 : 136
+77 : 119
+60 : 102
+43 : 85
+26 : 68
+9 : 51
+8 : 50
+4 : 46
+2 : 44
+1 : 43
±0 : 42
-1 : 41
-2 : 40
-4 : 38
-8 : 34
-25 : 17
-42 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000