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.
#dfe992
Data
Red
223
Green
233
Blue
146
Hue
67°
White
57%
Black
9%
Saturation
66%
Lightness
74%
Brightness
86%
Tone = Bright
Hue = 67°
3 digits
#efa
#ef9
#ef8
#eea
#ee9
#ee8
#eda
#ed9
#ed8
#dfa
#df9
#df8
#dea
#de9
#de8
#dda
#dd9
#dd8
#cfa
#cf9
#cf8
#cea
#ce9
#ce8
#cda
#cd9
#cd8
Named
khaki
palegoldenrod
wheat
navajowhite
moccasin
burlywood
peachpuff
tan
bisque
blanchedalmond
silver
lemonchiffon
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
-60 : 7
-45 : 22
-30 : 37
-15 : 52
-10 : 57
-5 : 62
-2 : 65
±0 : 67
+2 : 69
+5 : 72
+10 : 77
+15 : 82
+30 : 97
+45 : 112
+60 : 127
+75 : 142
+90 : 157
+105 : 172
+120 : 187
+135 : 202
+150 : 217
+165 : 232
+180 : 247
+195 : 262
+210 : 277
+225 : 292
+240 : 307
+255 : 322
+270 : 337
+285 : 352
Saturation
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
Lightness
+26 : 100
+22 : 96
+18 : 92
+14 : 88
+10 : 84
+6 : 80
+3 : 77
+2 : 76
±0 : 74
-2 : 72
-3 : 71
-6 : 68
-10 : 64
-14 : 60
-18 : 56
-22 : 52
-24 : 50
-26 : 48
-30 : 44
-34 : 40
-38 : 36
-42 : 32
-46 : 28
-50 : 24
-54 : 20
-58 : 16
-62 : 12
-66 : 8
-70 : 4
-74 : 0
White
-57 : 0
-53 : 4
-49 : 8
-45 : 12
-41 : 16
-37 : 20
-33 : 24
-29 : 28
-25 : 32
-21 : 36
-17 : 40
-13 : 44
-9 : 48
-7 : 50
-5 : 52
-3 : 54
-2 : 55
-1 : 56
±0 : 57
+2 : 59
+3 : 60
+7 : 64
+11 : 68
+15 : 72
+19 : 76
+23 : 80
+27 : 84
+31 : 88
+35 : 92
+39 : 96
+43 : 100
Black
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Red
+32 : 255
+15 : 238
+8 : 231
+4 : 227
+2 : 225
+1 : 224
±0 : 223
-1 : 222
-2 : 221
-4 : 219
-8 : 215
-19 : 204
-36 : 187
-53 : 170
-70 : 153
-87 : 136
-104 : 119
-121 : 102
-138 : 85
-155 : 68
-172 : 51
-189 : 34
-206 : 17
-223 : 0
Green
+22 : 255
+8 : 241
+5 : 238
+4 : 237
+2 : 235
+1 : 234
±0 : 233
-1 : 232
-2 : 231
-4 : 229
-8 : 225
-12 : 221
-29 : 204
-46 : 187
-63 : 170
-80 : 153
-97 : 136
-114 : 119
-131 : 102
-148 : 85
-165 : 68
-182 : 51
-199 : 34
-216 : 17
-233 : 0
Blue
+109 : 255
+92 : 238
+75 : 221
+58 : 204
+41 : 187
+24 : 170
+8 : 154
+7 : 153
+4 : 150
+2 : 148
+1 : 147
±0 : 146
-1 : 145
-2 : 144
-4 : 142
-8 : 138
-10 : 136
-27 : 119
-44 : 102
-61 : 85
-78 : 68
-95 : 51
-112 : 34
-129 : 17
-146 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000