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.
#d4e116
Data
Red
212
Green
225
Blue
22
Hue
64°
White
9%
Black
12%
Saturation
82%
Lightness
48%
Brightness
78%
Tone = Strong
Hue = 64°
3 digits
#de2
#de1
#de0
#dd2
#dd1
#dd0
#dc2
#dc1
#dc0
#ce2
#ce1
#ce0
#cd2
#cd1
#cd0
#cc2
#cc1
#cc0
#be2
#be1
#be0
#bd2
#bd1
#bd0
#bc2
#bc1
#bc0
Named
gold
greenyellow
yellow
goldenrod
yellowgreen
orange
chartreuse
lawngreen
darkgoldenrod
darkkhaki
darkorange
peru
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
-60 : 4
-45 : 19
-30 : 34
-15 : 49
-10 : 54
-5 : 59
-2 : 62
±0 : 64
+2 : 66
+5 : 69
+10 : 74
+15 : 79
+30 : 94
+45 : 109
+60 : 124
+75 : 139
+90 : 154
+105 : 169
+120 : 184
+135 : 199
+150 : 214
+165 : 229
+180 : 244
+195 : 259
+210 : 274
+225 : 289
+240 : 304
+255 : 319
+270 : 334
+285 : 349
Saturation
+18 : 100
+14 : 96
+10 : 92
+6 : 88
+3 : 85
+2 : 84
±0 : 82
-2 : 80
-3 : 79
-6 : 76
-10 : 72
-14 : 68
-18 : 64
-22 : 60
-26 : 56
-30 : 52
-32 : 50
-34 : 48
-38 : 44
-42 : 40
-46 : 36
-50 : 32
-54 : 28
-58 : 24
-62 : 20
-66 : 16
-70 : 12
-74 : 8
-78 : 4
-82 : 0
Lightness
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
White
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Black
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
Red
+43 : 255
+26 : 238
+9 : 221
+8 : 220
+4 : 216
+2 : 214
+1 : 213
±0 : 212
-1 : 211
-2 : 210
-4 : 208
-8 : 204
-25 : 187
-42 : 170
-59 : 153
-76 : 136
-93 : 119
-110 : 102
-127 : 85
-144 : 68
-161 : 51
-178 : 34
-195 : 17
-212 : 0
Green
+30 : 255
+13 : 238
+8 : 233
+4 : 229
+2 : 227
+1 : 226
±0 : 225
-1 : 224
-2 : 223
-4 : 221
-8 : 217
-21 : 204
-38 : 187
-55 : 170
-72 : 153
-89 : 136
-106 : 119
-123 : 102
-140 : 85
-157 : 68
-174 : 51
-191 : 34
-208 : 17
-225 : 0
Blue
+233 : 255
+216 : 238
+199 : 221
+182 : 204
+165 : 187
+148 : 170
+131 : 153
+114 : 136
+97 : 119
+80 : 102
+63 : 85
+46 : 68
+29 : 51
+12 : 34
+8 : 30
+4 : 26
+2 : 24
+1 : 23
±0 : 22
-1 : 21
-2 : 20
-4 : 18
-5 : 17
-8 : 14
-22 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000