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.
#351925
Data
Red
53
Green
25
Blue
37
Hue
334°
White
10%
Black
79%
Saturation
36%
Lightness
15%
Brightness
14%
Tone = Dark Grayish
Hue = 334°
3 digits
#423
#422
#421
#413
#412
#411
#403
#402
#401
#323
#322
#321
#313
#312
#311
#303
#302
#301
#223
#222
#221
#213
#212
#211
#203
#202
#201
Named
darkslategray
black
midnightblue
maroon
darkolivegreen
darkred
saddlebrown
indigo
darkgreen
navy
darkslateblue
brown
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
-330 : 4
-315 : 19
-300 : 34
-285 : 49
-270 : 64
-255 : 79
-240 : 94
-225 : 109
-210 : 124
-195 : 139
-180 : 154
-165 : 169
-150 : 184
-135 : 199
-120 : 214
-105 : 229
-90 : 244
-75 : 259
-60 : 274
-45 : 289
-30 : 304
-15 : 319
-10 : 324
-5 : 329
-2 : 332
±0 : 334
+2 : 336
+5 : 339
+10 : 344
+15 : 349
Saturation
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 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
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
Black
-79 : 0
-75 : 4
-71 : 8
-67 : 12
-63 : 16
-59 : 20
-55 : 24
-51 : 28
-47 : 32
-43 : 36
-39 : 40
-35 : 44
-31 : 48
-29 : 50
-27 : 52
-23 : 56
-19 : 60
-15 : 64
-11 : 68
-7 : 72
-3 : 76
-2 : 77
±0 : 79
+1 : 80
+2 : 81
+3 : 82
+5 : 84
+9 : 88
+13 : 92
+17 : 96
+21 : 100
Red
+202 : 255
+185 : 238
+168 : 221
+151 : 204
+134 : 187
+117 : 170
+100 : 153
+83 : 136
+66 : 119
+49 : 102
+32 : 85
+15 : 68
+8 : 61
+4 : 57
+2 : 55
+1 : 54
±0 : 53
-1 : 52
-2 : 51
-4 : 49
-8 : 45
-19 : 34
-36 : 17
-53 : 0
Green
+230 : 255
+213 : 238
+196 : 221
+179 : 204
+162 : 187
+145 : 170
+128 : 153
+111 : 136
+94 : 119
+77 : 102
+60 : 85
+43 : 68
+26 : 51
+9 : 34
+8 : 33
+4 : 29
+2 : 27
+1 : 26
±0 : 25
-1 : 24
-2 : 23
-4 : 21
-8 : 17
-25 : 0
Blue
+218 : 255
+201 : 238
+184 : 221
+167 : 204
+150 : 187
+133 : 170
+116 : 153
+99 : 136
+82 : 119
+65 : 102
+48 : 85
+31 : 68
+14 : 51
+8 : 45
+4 : 41
+2 : 39
+1 : 38
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-4 : 33
-8 : 29
-20 : 17
-37 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000