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.
#fdfd5c
Data
Red
253
Green
253
Blue
92
Hue
60°
White
36%
Black
1%
Saturation
98%
Lightness
68%
Brightness
92%
Tone = Bright
Hue = 60°
3 digits
#ff6
#ff5
#ff4
#fe6
#fe5
#fe4
#fd6
#fd5
#fd4
#ef6
#ef5
#ef4
#ee6
#ee5
#ee4
#ed6
#ed5
#ed4
#df6
#df5
#df4
#de6
#de5
#de4
#dd6
#dd5
#dd4
Named
khaki
palegoldenrod
navajowhite
burlywood
sandybrown
greenyellow
yellow
moccasin
wheat
darkkhaki
tan
lightsalmon
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 : 0
-45 : 15
-30 : 30
-15 : 45
-10 : 50
-5 : 55
-2 : 58
±0 : 60
+2 : 62
+5 : 65
+10 : 70
+15 : 75
+30 : 90
+45 : 105
+60 : 120
+75 : 135
+90 : 150
+105 : 165
+120 : 180
+135 : 195
+150 : 210
+165 : 225
+180 : 240
+195 : 255
+210 : 270
+225 : 285
+240 : 300
+255 : 315
+270 : 330
+285 : 345
Saturation
+2 : 100
±0 : 98
-2 : 96
-3 : 95
-6 : 92
-10 : 88
-14 : 84
-18 : 80
-22 : 76
-26 : 72
-30 : 68
-34 : 64
-38 : 60
-42 : 56
-46 : 52
-48 : 50
-50 : 48
-54 : 44
-58 : 40
-62 : 36
-66 : 32
-70 : 28
-74 : 24
-78 : 20
-82 : 16
-86 : 12
-90 : 8
-94 : 4
-98 : 0
Lightness
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 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
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
Red
+2 : 255
+1 : 254
±0 : 253
-1 : 252
-2 : 251
-4 : 249
-8 : 245
-15 : 238
-32 : 221
-49 : 204
-66 : 187
-83 : 170
-100 : 153
-117 : 136
-134 : 119
-151 : 102
-168 : 85
-185 : 68
-202 : 51
-219 : 34
-236 : 17
-253 : 0
Green
+2 : 255
+1 : 254
±0 : 253
-1 : 252
-2 : 251
-4 : 249
-8 : 245
-15 : 238
-32 : 221
-49 : 204
-66 : 187
-83 : 170
-100 : 153
-117 : 136
-134 : 119
-151 : 102
-168 : 85
-185 : 68
-202 : 51
-219 : 34
-236 : 17
-253 : 0
Blue
+163 : 255
+146 : 238
+129 : 221
+112 : 204
+95 : 187
+78 : 170
+61 : 153
+44 : 136
+27 : 119
+10 : 102
+8 : 100
+4 : 96
+2 : 94
+1 : 93
±0 : 92
-1 : 91
-2 : 90
-4 : 88
-7 : 85
-8 : 84
-24 : 68
-41 : 51
-58 : 34
-75 : 17
-92 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000