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.
#cdeb9d
Data
Red
205
Green
235
Blue
157
Hue
83°
White
62%
Black
8%
Saturation
66%
Lightness
77%
Brightness
85%
Tone = Bright
Hue = 83°
3 digits
#dfa
#df9
#df8
#dea
#de9
#de8
#dda
#dd9
#dd8
#cfa
#cf9
#cf8
#cea
#ce9
#ce8
#cda
#cd9
#cd8
#bfa
#bf9
#bf8
#bea
#be9
#be8
#bda
#bd9
#bd8
Named
palegoldenrod
khaki
wheat
navajowhite
palegreen
moccasin
silver
tan
burlywood
lightgray
peachpuff
lightgreen
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
-75 : 8
-60 : 23
-45 : 38
-30 : 53
-15 : 68
-10 : 73
-5 : 78
-2 : 81
±0 : 83
+2 : 85
+5 : 88
+10 : 93
+15 : 98
+30 : 113
+45 : 128
+60 : 143
+75 : 158
+90 : 173
+105 : 188
+120 : 203
+135 : 218
+150 : 233
+165 : 248
+180 : 263
+195 : 278
+210 : 293
+225 : 308
+240 : 323
+255 : 338
+270 : 353
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
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
White
-62 : 0
-58 : 4
-54 : 8
-50 : 12
-46 : 16
-42 : 20
-38 : 24
-34 : 28
-30 : 32
-26 : 36
-22 : 40
-18 : 44
-14 : 48
-12 : 50
-10 : 52
-6 : 56
-3 : 59
-2 : 60
±0 : 62
+2 : 64
+3 : 65
+6 : 68
+10 : 72
+14 : 76
+18 : 80
+22 : 84
+26 : 88
+30 : 92
+34 : 96
+38 : 100
Black
-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
Red
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
Green
+20 : 255
+8 : 243
+4 : 239
+3 : 238
+2 : 237
+1 : 236
±0 : 235
-1 : 234
-2 : 233
-4 : 231
-8 : 227
-14 : 221
-31 : 204
-48 : 187
-65 : 170
-82 : 153
-99 : 136
-116 : 119
-133 : 102
-150 : 85
-167 : 68
-184 : 51
-201 : 34
-218 : 17
-235 : 0
Blue
+98 : 255
+81 : 238
+64 : 221
+47 : 204
+30 : 187
+13 : 170
+8 : 165
+4 : 161
+2 : 159
+1 : 158
±0 : 157
-1 : 156
-2 : 155
-4 : 153
-8 : 149
-21 : 136
-38 : 119
-55 : 102
-72 : 85
-89 : 68
-106 : 51
-123 : 34
-140 : 17
-157 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000