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.
#d5ce19
Data
Red
213
Green
206
Blue
25
Hue
58°
White
10%
Black
16%
Saturation
79%
Lightness
47%
Brightness
74%
Tone = Strong
Hue = 58°
3 digits
#ed2
#ed1
#ed0
#ec2
#ec1
#ec0
#eb2
#eb1
#eb0
#dd2
#dd1
#dd0
#dc2
#dc1
#dc0
#db2
#db1
#db0
#cd2
#cd1
#cd0
#cc2
#cc1
#cc0
#cb2
#cb1
#cb0
Named
goldenrod
gold
orange
yellowgreen
greenyellow
yellow
darkgoldenrod
darkorange
peru
sandybrown
darkkhaki
chocolate
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 : 13
-30 : 28
-15 : 43
-10 : 48
-5 : 53
-2 : 56
±0 : 58
+2 : 60
+5 : 63
+10 : 68
+15 : 73
+30 : 88
+45 : 103
+60 : 118
+75 : 133
+90 : 148
+105 : 163
+120 : 178
+135 : 193
+150 : 208
+165 : 223
+180 : 238
+195 : 253
+210 : 268
+225 : 283
+240 : 298
+255 : 313
+270 : 328
+285 : 343
+300 : 358
Saturation
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
Lightness
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 0
White
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
Black
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
Red
+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
Green
+49 : 255
+32 : 238
+15 : 221
+8 : 214
+4 : 210
+2 : 208
+1 : 207
±0 : 206
-1 : 205
-2 : 204
-4 : 202
-8 : 198
-19 : 187
-36 : 170
-53 : 153
-70 : 136
-87 : 119
-104 : 102
-121 : 85
-138 : 68
-155 : 51
-172 : 34
-189 : 17
-206 : 0
Blue
+230 : 255
+213 : 238
+196 : 221
+179 : 204
+162 : 187
+145 : 170
+128 : 153
+111 : 136
+94 : 119
+77 : 102
+60 : 85
+43 : 68
+26 : 51
+9 : 34
+8 : 33
+4 : 29
+2 : 27
+1 : 26
±0 : 25
-1 : 24
-2 : 23
-4 : 21
-8 : 17
-25 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000