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.
#ae960b
Data
Red
174
Green
150
Blue
11
Hue
51°
White
4%
Black
32%
Saturation
88%
Lightness
36%
Brightness
55%
Tone = Dull
Hue = 51°
3 digits
#ba2
#ba1
#ba0
#b92
#b91
#b90
#b82
#b81
#b80
#aa2
#aa1
#aa0
#a92
#a91
#a90
#a82
#a81
#a80
#9a2
#9a1
#9a0
#992
#991
#990
#982
#981
#980
Named
darkgoldenrod
goldenrod
olive
chocolate
peru
yellowgreen
olivedrab
sienna
darkorange
orange
saddlebrown
darkkhaki
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 : 6
-30 : 21
-15 : 36
-10 : 41
-5 : 46
-2 : 49
±0 : 51
+2 : 53
+5 : 56
+10 : 61
+15 : 66
+30 : 81
+45 : 96
+60 : 111
+75 : 126
+90 : 141
+105 : 156
+120 : 171
+135 : 186
+150 : 201
+165 : 216
+180 : 231
+195 : 246
+210 : 261
+225 : 276
+240 : 291
+255 : 306
+270 : 321
+285 : 336
+300 : 351
Saturation
+12 : 100
+8 : 96
+4 : 92
+3 : 91
+2 : 90
±0 : 88
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-12 : 76
-16 : 72
-20 : 68
-24 : 64
-28 : 60
-32 : 56
-36 : 52
-38 : 50
-40 : 48
-44 : 44
-48 : 40
-52 : 36
-56 : 32
-60 : 28
-64 : 24
-68 : 20
-72 : 16
-76 : 12
-80 : 8
-84 : 4
-88 : 0
Lightness
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 0
White
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
Black
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
Red
+81 : 255
+64 : 238
+47 : 221
+30 : 204
+13 : 187
+8 : 182
+4 : 178
+2 : 176
+1 : 175
±0 : 174
-1 : 173
-2 : 172
-4 : 170
-8 : 166
-21 : 153
-38 : 136
-55 : 119
-72 : 102
-89 : 85
-106 : 68
-123 : 51
-140 : 34
-157 : 17
-174 : 0
Green
+105 : 255
+88 : 238
+71 : 221
+54 : 204
+37 : 187
+20 : 170
+8 : 158
+4 : 154
+3 : 153
+2 : 152
+1 : 151
±0 : 150
-1 : 149
-2 : 148
-4 : 146
-8 : 142
-14 : 136
-31 : 119
-48 : 102
-65 : 85
-82 : 68
-99 : 51
-116 : 34
-133 : 17
-150 : 0
Blue
+244 : 255
+227 : 238
+210 : 221
+193 : 204
+176 : 187
+159 : 170
+142 : 153
+125 : 136
+108 : 119
+91 : 102
+74 : 85
+57 : 68
+40 : 51
+23 : 34
+8 : 19
+6 : 17
+4 : 15
+2 : 13
+1 : 12
±0 : 11
-1 : 10
-2 : 9
-4 : 7
-8 : 3
-11 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000