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.
#cfd65d
Data
Red
207
Green
214
Blue
93
Hue
63°
White
36%
Black
16%
Saturation
60%
Lightness
60%
Brightness
78%
Tone = Soft
Hue = 63°
3 digits
#de6
#de5
#de4
#dd6
#dd5
#dd4
#dc6
#dc5
#dc4
#ce6
#ce5
#ce4
#cd6
#cd5
#cd4
#cc6
#cc5
#cc4
#be6
#be5
#be4
#bd6
#bd5
#bd4
#bc6
#bc5
#bc4
Named
darkkhaki
burlywood
tan
khaki
sandybrown
yellowgreen
greenyellow
darksalmon
lightsalmon
goldenrod
lightgreen
palegoldenrod
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 : 3
-45 : 18
-30 : 33
-15 : 48
-10 : 53
-5 : 58
-2 : 61
±0 : 63
+2 : 65
+5 : 68
+10 : 73
+15 : 78
+30 : 93
+45 : 108
+60 : 123
+75 : 138
+90 : 153
+105 : 168
+120 : 183
+135 : 198
+150 : 213
+165 : 228
+180 : 243
+195 : 258
+210 : 273
+225 : 288
+240 : 303
+255 : 318
+270 : 333
+285 : 348
Saturation
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
Lightness
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
White
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 100
Black
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
Red
+48 : 255
+31 : 238
+14 : 221
+8 : 215
+4 : 211
+2 : 209
+1 : 208
±0 : 207
-1 : 206
-2 : 205
-3 : 204
-4 : 203
-8 : 199
-20 : 187
-37 : 170
-54 : 153
-71 : 136
-88 : 119
-105 : 102
-122 : 85
-139 : 68
-156 : 51
-173 : 34
-190 : 17
-207 : 0
Green
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
Blue
+162 : 255
+145 : 238
+128 : 221
+111 : 204
+94 : 187
+77 : 170
+60 : 153
+43 : 136
+26 : 119
+9 : 102
+8 : 101
+4 : 97
+2 : 95
+1 : 94
±0 : 93
-1 : 92
-2 : 91
-4 : 89
-8 : 85
-25 : 68
-42 : 51
-59 : 34
-76 : 17
-93 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000