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.
#f2ec6d
Data
Red
242
Green
236
Blue
109
Hue
57°
White
43%
Black
5%
Saturation
84%
Lightness
69%
Brightness
88%
Tone = Bright
Hue = 57°
3 digits
#ff7
#ff6
#ff5
#fe7
#fe6
#fe5
#fd7
#fd6
#fd5
#ef7
#ef6
#ef5
#ee7
#ee6
#ee5
#ed7
#ed6
#ed5
#df7
#df6
#df5
#de7
#de6
#de5
#dd7
#dd6
#dd5
Named
khaki
palegoldenrod
burlywood
navajowhite
wheat
tan
sandybrown
moccasin
darkkhaki
lightsalmon
peachpuff
darksalmon
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 : 12
-30 : 27
-15 : 42
-10 : 47
-5 : 52
-2 : 55
±0 : 57
+2 : 59
+5 : 62
+10 : 67
+15 : 72
+30 : 87
+45 : 102
+60 : 117
+75 : 132
+90 : 147
+105 : 162
+120 : 177
+135 : 192
+150 : 207
+165 : 222
+180 : 237
+195 : 252
+210 : 267
+225 : 282
+240 : 297
+255 : 312
+270 : 327
+285 : 342
+300 : 357
Saturation
+16 : 100
+12 : 96
+8 : 92
+4 : 88
+3 : 87
+2 : 86
±0 : 84
-2 : 82
-3 : 81
-4 : 80
-8 : 76
-12 : 72
-16 : 68
-20 : 64
-24 : 60
-28 : 56
-32 : 52
-34 : 50
-36 : 48
-40 : 44
-44 : 40
-48 : 36
-52 : 32
-56 : 28
-60 : 24
-64 : 20
-68 : 16
-72 : 12
-76 : 8
-80 : 4
-84 : 0
Lightness
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
White
-43 : 0
-39 : 4
-35 : 8
-31 : 12
-27 : 16
-23 : 20
-19 : 24
-15 : 28
-11 : 32
-7 : 36
-3 : 40
-2 : 41
±0 : 43
+1 : 44
+2 : 45
+3 : 46
+5 : 48
+7 : 50
+9 : 52
+13 : 56
+17 : 60
+21 : 64
+25 : 68
+29 : 72
+33 : 76
+37 : 80
+41 : 84
+45 : 88
+49 : 92
+53 : 96
+57 : 100
Black
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
Red
+13 : 255
+8 : 250
+4 : 246
+2 : 244
+1 : 243
±0 : 242
-1 : 241
-2 : 240
-4 : 238
-8 : 234
-21 : 221
-38 : 204
-55 : 187
-72 : 170
-89 : 153
-106 : 136
-123 : 119
-140 : 102
-157 : 85
-174 : 68
-191 : 51
-208 : 34
-225 : 17
-242 : 0
Green
+19 : 255
+8 : 244
+4 : 240
+2 : 238
+1 : 237
±0 : 236
-1 : 235
-2 : 234
-4 : 232
-8 : 228
-15 : 221
-32 : 204
-49 : 187
-66 : 170
-83 : 153
-100 : 136
-117 : 119
-134 : 102
-151 : 85
-168 : 68
-185 : 51
-202 : 34
-219 : 17
-236 : 0
Blue
+146 : 255
+129 : 238
+112 : 221
+95 : 204
+78 : 187
+61 : 170
+44 : 153
+27 : 136
+10 : 119
+8 : 117
+4 : 113
+2 : 111
+1 : 110
±0 : 109
-1 : 108
-2 : 107
-4 : 105
-7 : 102
-8 : 101
-24 : 85
-41 : 68
-58 : 51
-75 : 34
-92 : 17
-109 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000