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.
#fcd54e
Data
Red
252
Green
213
Blue
78
Hue
47°
White
31%
Black
1%
Saturation
97%
Lightness
65%
Brightness
82%
Tone = Bright
Hue = 47°
3 digits
#fe6
#fe5
#fe4
#fd6
#fd5
#fd4
#fc6
#fc5
#fc4
#ee6
#ee5
#ee4
#ed6
#ed5
#ed4
#ec6
#ec5
#ec4
#de6
#de5
#de4
#dd6
#dd5
#dd4
#dc6
#dc5
#dc4
Named
sandybrown
khaki
lightsalmon
burlywood
goldenrod
darkkhaki
gold
darksalmon
tan
coral
yellow
orange
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
-45 : 2
-30 : 17
-15 : 32
-10 : 37
-5 : 42
-2 : 45
±0 : 47
+2 : 49
+5 : 52
+10 : 57
+15 : 62
+30 : 77
+45 : 92
+60 : 107
+75 : 122
+90 : 137
+105 : 152
+120 : 167
+135 : 182
+150 : 197
+165 : 212
+180 : 227
+195 : 242
+210 : 257
+225 : 272
+240 : 287
+255 : 302
+270 : 317
+285 : 332
+300 : 347
Saturation
+3 : 100
+2 : 99
±0 : 97
-1 : 96
-2 : 95
-3 : 94
-5 : 92
-9 : 88
-13 : 84
-17 : 80
-21 : 76
-25 : 72
-29 : 68
-33 : 64
-37 : 60
-41 : 56
-45 : 52
-47 : 50
-49 : 48
-53 : 44
-57 : 40
-61 : 36
-65 : 32
-69 : 28
-73 : 24
-77 : 20
-81 : 16
-85 : 12
-89 : 8
-93 : 4
-97 : 0
Lightness
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
White
-31 : 0
-27 : 4
-23 : 8
-19 : 12
-15 : 16
-11 : 20
-7 : 24
-3 : 28
-2 : 29
±0 : 31
+1 : 32
+2 : 33
+3 : 34
+5 : 36
+9 : 40
+13 : 44
+17 : 48
+19 : 50
+21 : 52
+25 : 56
+29 : 60
+33 : 64
+37 : 68
+41 : 72
+45 : 76
+49 : 80
+53 : 84
+57 : 88
+61 : 92
+65 : 96
+69 : 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
+3 : 255
+2 : 254
+1 : 253
±0 : 252
-1 : 251
-2 : 250
-4 : 248
-8 : 244
-14 : 238
-31 : 221
-48 : 204
-65 : 187
-82 : 170
-99 : 153
-116 : 136
-133 : 119
-150 : 102
-167 : 85
-184 : 68
-201 : 51
-218 : 34
-235 : 17
-252 : 0
Green
+42 : 255
+25 : 238
+8 : 221
+4 : 217
+2 : 215
+1 : 214
±0 : 213
-1 : 212
-2 : 211
-4 : 209
-8 : 205
-9 : 204
-26 : 187
-43 : 170
-60 : 153
-77 : 136
-94 : 119
-111 : 102
-128 : 85
-145 : 68
-162 : 51
-179 : 34
-196 : 17
-213 : 0
Blue
+177 : 255
+160 : 238
+143 : 221
+126 : 204
+109 : 187
+92 : 170
+75 : 153
+58 : 136
+41 : 119
+24 : 102
+8 : 86
+7 : 85
+4 : 82
+2 : 80
+1 : 79
±0 : 78
-1 : 77
-2 : 76
-4 : 74
-8 : 70
-10 : 68
-27 : 51
-44 : 34
-61 : 17
-78 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000