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.
#ecbc30
Data
Red
236
Green
188
Blue
48
Hue
45°
White
19%
Black
7%
Saturation
83%
Lightness
56%
Brightness
73%
Tone = Strong
Hue = 45°
3 digits
#fc4
#fc3
#fc2
#fb4
#fb3
#fb2
#fa4
#fa3
#fa2
#ec4
#ec3
#ec2
#eb4
#eb3
#eb2
#ea4
#ea3
#ea2
#dc4
#dc3
#dc2
#db4
#db3
#db2
#da4
#da3
#da2
Named
goldenrod
sandybrown
orange
gold
peru
darkorange
coral
darkkhaki
lightsalmon
darksalmon
darkgoldenrod
yellowgreen
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 : 0
-30 : 15
-15 : 30
-10 : 35
-5 : 40
-2 : 43
±0 : 45
+2 : 47
+5 : 50
+10 : 55
+15 : 60
+30 : 75
+45 : 90
+60 : 105
+75 : 120
+90 : 135
+105 : 150
+120 : 165
+135 : 180
+150 : 195
+165 : 210
+180 : 225
+195 : 240
+210 : 255
+225 : 270
+240 : 285
+255 : 300
+270 : 315
+285 : 330
+300 : 345
Saturation
+17 : 100
+13 : 96
+9 : 92
+5 : 88
+3 : 86
+2 : 85
+1 : 84
±0 : 83
-2 : 81
-3 : 80
-7 : 76
-11 : 72
-15 : 68
-19 : 64
-23 : 60
-27 : 56
-31 : 52
-33 : 50
-35 : 48
-39 : 44
-43 : 40
-47 : 36
-51 : 32
-55 : 28
-59 : 24
-63 : 20
-67 : 16
-71 : 12
-75 : 8
-79 : 4
-83 : 0
Lightness
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
White
-19 : 0
-15 : 4
-11 : 8
-7 : 12
-3 : 16
-2 : 17
±0 : 19
+1 : 20
+2 : 21
+3 : 22
+5 : 24
+9 : 28
+13 : 32
+17 : 36
+21 : 40
+25 : 44
+29 : 48
+31 : 50
+33 : 52
+37 : 56
+41 : 60
+45 : 64
+49 : 68
+53 : 72
+57 : 76
+61 : 80
+65 : 84
+69 : 88
+73 : 92
+77 : 96
+81 : 100
Black
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
Red
+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
Green
+67 : 255
+50 : 238
+33 : 221
+16 : 204
+8 : 196
+4 : 192
+2 : 190
+1 : 189
±0 : 188
-1 : 187
-2 : 186
-4 : 184
-8 : 180
-18 : 170
-35 : 153
-52 : 136
-69 : 119
-86 : 102
-103 : 85
-120 : 68
-137 : 51
-154 : 34
-171 : 17
-188 : 0
Blue
+207 : 255
+190 : 238
+173 : 221
+156 : 204
+139 : 187
+122 : 170
+105 : 153
+88 : 136
+71 : 119
+54 : 102
+37 : 85
+20 : 68
+8 : 56
+4 : 52
+3 : 51
+2 : 50
+1 : 49
±0 : 48
-1 : 47
-2 : 46
-4 : 44
-8 : 40
-14 : 34
-31 : 17
-48 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000