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.
#142115
Data
Red
20
Green
33
Blue
21
Hue
125°
White
8%
Black
87%
Saturation
25%
Lightness
10%
Brightness
11%
Tone = Dark Grayish
Hue = 125°
3 digits
#232
#231
#230
#222
#221
#220
#212
#211
#210
#132
#131
#130
#122
#121
#120
#112
#111
#110
#032
#031
#030
#022
#021
#020
#012
#011
#010
Named
black
darkgreen
darkslategray
midnightblue
green
darkolivegreen
forestgreen
navy
maroon
darkblue
saddlebrown
darkred
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
-120 : 5
-105 : 20
-90 : 35
-75 : 50
-60 : 65
-45 : 80
-30 : 95
-15 : 110
-10 : 115
-5 : 120
-2 : 123
±0 : 125
+2 : 127
+5 : 130
+10 : 135
+15 : 140
+30 : 155
+45 : 170
+60 : 185
+75 : 200
+90 : 215
+105 : 230
+120 : 245
+135 : 260
+150 : 275
+165 : 290
+180 : 305
+195 : 320
+210 : 335
+225 : 350
Saturation
+75 : 100
+71 : 96
+67 : 92
+63 : 88
+59 : 84
+55 : 80
+51 : 76
+47 : 72
+43 : 68
+39 : 64
+35 : 60
+31 : 56
+27 : 52
+25 : 50
+23 : 48
+19 : 44
+15 : 40
+11 : 36
+7 : 32
+3 : 28
+2 : 27
±0 : 25
-1 : 24
-2 : 23
-3 : 22
-5 : 20
-9 : 16
-13 : 12
-17 : 8
-21 : 4
-25 : 0
Lightness
+90 : 100
+86 : 96
+82 : 92
+78 : 88
+74 : 84
+70 : 80
+66 : 76
+62 : 72
+58 : 68
+54 : 64
+50 : 60
+46 : 56
+42 : 52
+40 : 50
+38 : 48
+34 : 44
+30 : 40
+26 : 36
+22 : 32
+18 : 28
+14 : 24
+10 : 20
+6 : 16
+3 : 13
+2 : 12
±0 : 10
-2 : 8
-3 : 7
-6 : 4
-10 : 0
White
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Black
-87 : 0
-83 : 4
-79 : 8
-75 : 12
-71 : 16
-67 : 20
-63 : 24
-59 : 28
-55 : 32
-51 : 36
-47 : 40
-43 : 44
-39 : 48
-37 : 50
-35 : 52
-31 : 56
-27 : 60
-23 : 64
-19 : 68
-15 : 72
-11 : 76
-7 : 80
-3 : 84
-2 : 85
±0 : 87
+1 : 88
+2 : 89
+3 : 90
+5 : 92
+9 : 96
+13 : 100
Red
+235 : 255
+218 : 238
+201 : 221
+184 : 204
+167 : 187
+150 : 170
+133 : 153
+116 : 136
+99 : 119
+82 : 102
+65 : 85
+48 : 68
+31 : 51
+14 : 34
+8 : 28
+4 : 24
+2 : 22
+1 : 21
±0 : 20
-1 : 19
-2 : 18
-3 : 17
-4 : 16
-8 : 12
-20 : 0
Green
+222 : 255
+205 : 238
+188 : 221
+171 : 204
+154 : 187
+137 : 170
+120 : 153
+103 : 136
+86 : 119
+69 : 102
+52 : 85
+35 : 68
+18 : 51
+8 : 41
+4 : 37
+2 : 35
+1 : 34
±0 : 33
-1 : 32
-2 : 31
-4 : 29
-8 : 25
-16 : 17
-33 : 0
Blue
+234 : 255
+217 : 238
+200 : 221
+183 : 204
+166 : 187
+149 : 170
+132 : 153
+115 : 136
+98 : 119
+81 : 102
+64 : 85
+47 : 68
+30 : 51
+13 : 34
+8 : 29
+4 : 25
+2 : 23
+1 : 22
±0 : 21
-1 : 20
-2 : 19
-4 : 17
-8 : 13
-21 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000