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.
#fbf01a
Data
Red
251
Green
240
Blue
26
Hue
57°
White
10%
Black
2%
Saturation
97%
Lightness
54%
Brightness
86%
Tone = Vivid
Hue = 57°
3 digits
#ff3
#ff2
#ff1
#fe3
#fe2
#fe1
#fd3
#fd2
#fd1
#ef3
#ef2
#ef1
#ee3
#ee2
#ee1
#ed3
#ed2
#ed1
#df3
#df2
#df1
#de3
#de2
#de1
#dd3
#dd2
#dd1
Named
yellow
gold
orange
greenyellow
goldenrod
darkorange
sandybrown
yellowgreen
khaki
darkkhaki
peru
lightsalmon
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
+3 : 100
+2 : 99
±0 : 97
-1 : 96
-2 : 95
-3 : 94
-5 : 92
-9 : 88
-13 : 84
-17 : 80
-21 : 76
-25 : 72
-29 : 68
-33 : 64
-37 : 60
-41 : 56
-45 : 52
-47 : 50
-49 : 48
-53 : 44
-57 : 40
-61 : 36
-65 : 32
-69 : 28
-73 : 24
-77 : 20
-81 : 16
-85 : 12
-89 : 8
-93 : 4
-97 : 0
Lightness
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 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
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Red
+4 : 255
+2 : 253
+1 : 252
±0 : 251
-1 : 250
-2 : 249
-4 : 247
-8 : 243
-13 : 238
-30 : 221
-47 : 204
-64 : 187
-81 : 170
-98 : 153
-115 : 136
-132 : 119
-149 : 102
-166 : 85
-183 : 68
-200 : 51
-217 : 34
-234 : 17
-251 : 0
Green
+15 : 255
+8 : 248
+4 : 244
+2 : 242
+1 : 241
±0 : 240
-1 : 239
-2 : 238
-4 : 236
-8 : 232
-19 : 221
-36 : 204
-53 : 187
-70 : 170
-87 : 153
-104 : 136
-121 : 119
-138 : 102
-155 : 85
-172 : 68
-189 : 51
-206 : 34
-223 : 17
-240 : 0
Blue
+229 : 255
+212 : 238
+195 : 221
+178 : 204
+161 : 187
+144 : 170
+127 : 153
+110 : 136
+93 : 119
+76 : 102
+59 : 85
+42 : 68
+25 : 51
+8 : 34
+4 : 30
+2 : 28
+1 : 27
±0 : 26
-1 : 25
-2 : 24
-4 : 22
-8 : 18
-9 : 17
-26 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000