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.
#385a42
Data
Red
56
Green
90
Blue
66
Hue
138°
White
22%
Black
65%
Saturation
23%
Lightness
29%
Brightness
30%
Tone = Dark
Hue = 138°
3 digits
#465
#464
#463
#455
#454
#453
#445
#444
#443
#365
#364
#363
#355
#354
#353
#345
#344
#343
#265
#264
#263
#255
#254
#253
#245
#244
#243
Named
darkslategray
darkolivegreen
seagreen
forestgreen
dimgray
olivedrab
darkslateblue
midnightblue
darkgreen
teal
green
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
-135 : 3
-120 : 18
-105 : 33
-90 : 48
-75 : 63
-60 : 78
-45 : 93
-30 : 108
-15 : 123
-10 : 128
-5 : 133
-2 : 136
±0 : 138
+2 : 140
+5 : 143
+10 : 148
+15 : 153
+30 : 168
+45 : 183
+60 : 198
+75 : 213
+90 : 228
+105 : 243
+120 : 258
+135 : 273
+150 : 288
+165 : 303
+180 : 318
+195 : 333
+210 : 348
Saturation
+77 : 100
+73 : 96
+69 : 92
+65 : 88
+61 : 84
+57 : 80
+53 : 76
+49 : 72
+45 : 68
+41 : 64
+37 : 60
+33 : 56
+29 : 52
+27 : 50
+25 : 48
+21 : 44
+17 : 40
+13 : 36
+9 : 32
+5 : 28
+3 : 26
+2 : 25
+1 : 24
±0 : 23
-2 : 21
-3 : 20
-7 : 16
-11 : 12
-15 : 8
-19 : 4
-23 : 0
Lightness
+71 : 100
+67 : 96
+63 : 92
+59 : 88
+55 : 84
+51 : 80
+47 : 76
+43 : 72
+39 : 68
+35 : 64
+31 : 60
+27 : 56
+23 : 52
+21 : 50
+19 : 48
+15 : 44
+11 : 40
+7 : 36
+3 : 32
+2 : 31
±0 : 29
-1 : 28
-2 : 27
-3 : 26
-5 : 24
-9 : 20
-13 : 16
-17 : 12
-21 : 8
-25 : 4
-29 : 0
White
-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
Black
-65 : 0
-61 : 4
-57 : 8
-53 : 12
-49 : 16
-45 : 20
-41 : 24
-37 : 28
-33 : 32
-29 : 36
-25 : 40
-21 : 44
-17 : 48
-15 : 50
-13 : 52
-9 : 56
-5 : 60
-3 : 62
-2 : 63
-1 : 64
±0 : 65
+2 : 67
+3 : 68
+7 : 72
+11 : 76
+15 : 80
+19 : 84
+23 : 88
+27 : 92
+31 : 96
+35 : 100
Red
+199 : 255
+182 : 238
+165 : 221
+148 : 204
+131 : 187
+114 : 170
+97 : 153
+80 : 136
+63 : 119
+46 : 102
+29 : 85
+12 : 68
+8 : 64
+4 : 60
+2 : 58
+1 : 57
±0 : 56
-1 : 55
-2 : 54
-4 : 52
-5 : 51
-8 : 48
-22 : 34
-39 : 17
-56 : 0
Green
+165 : 255
+148 : 238
+131 : 221
+114 : 204
+97 : 187
+80 : 170
+63 : 153
+46 : 136
+29 : 119
+12 : 102
+8 : 98
+4 : 94
+2 : 92
+1 : 91
±0 : 90
-1 : 89
-2 : 88
-4 : 86
-5 : 85
-8 : 82
-22 : 68
-39 : 51
-56 : 34
-73 : 17
-90 : 0
Blue
+189 : 255
+172 : 238
+155 : 221
+138 : 204
+121 : 187
+104 : 170
+87 : 153
+70 : 136
+53 : 119
+36 : 102
+19 : 85
+8 : 74
+4 : 70
+2 : 68
+1 : 67
±0 : 66
-1 : 65
-2 : 64
-4 : 62
-8 : 58
-15 : 51
-32 : 34
-49 : 17
-66 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000