#fff500 Color Information
In a RGB color space, hex #fff500 is composed of 100% red, 96.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 100% yellow and 0% black. It has a hue angle of 57.6 degrees, a saturation of 100% and a lightness of 50%. #fff500 color hex could be obtained by blending #ffff00 with #ffeb00. Closest websafe color is: #ffff00.
-
- R 100
- G 96
- B 0
-
- C 0
- M 4
- Y 100
- K 0
● #fff500 color description : Pure (or mostly pure) yellow.
#fff500 Color Conversion
The hexadecimal color #fff500 has RGB values of R:255, G:245, B:0 and CMYK values of C:0, M:0.04, Y:1, K:0. Its decimal value is 16774400.
Hex triplet | fff500 | #fff500 |
---|---|---|
RGB Decimal | 255, 245, 0 | rgb(255,245,0) |
RGB Percent | 100, 96.1, 0 | rgb(100%,96.1%,0%) |
CMYK | 0, 4, 100, 0 | |
HSL | 57.6°, 100, 50 | hsl(57.6,100%,50%) |
HSV (or HSB) | 57.6°, 100, 100 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 94.554, -16.773, 92.593 |
---|---|
XYZ | 73.893, 86.567, 12.817 |
xyY | 0.426, 0.5, 86.567 |
CIE-LCH | 94.554, 94.1, 100.268 |
CIE-LUV | 94.554, 14.333, 103.114 |
Hunter-Lab | 93.041, -21.058, 56.961 |
Binary | 11111111, 11110101, 00000000 |
Color Schemes with #fff500
Alternatives to #fff500
Below, you can see some colors close to #fff500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fff500 Preview
This text has a font color of #fff500.
<span style="color:#fff500;">Text here</span>
This paragraph has a background color of #fff500.
<p style="background-color:#fff500;">Content here</p>
This element has a border color of #fff500.
<div style="border:1px solid #fff500;">Content here</div>
.text {color:#fff500;}
.background {background-color:#fff500;}
.border {border:1px solid #fff500;}
Shades and Tints of #fff500
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #141300 is the darkest color, while #ffffff is the lightest one.
-
#141300
#141300
rgb(20,19,0)
-
#272600
#272600
rgb(39,38,0)
-
#3b3900
#3b3900
rgb(59,57,0)
-
#4e4b00
#4e4b00
rgb(78,75,0)
-
#625e00
#625e00
rgb(98,94,0)
-
#767100
#767100
rgb(118,113,0)
-
#898400
#898400
rgb(137,132,0)
-
#9d9700
#9d9700
rgb(157,151,0)
-
#b1aa00
#b1aa00
rgb(177,170,0)
-
#c4bc00
#c4bc00
rgb(196,188,0)
-
#d8cf00
#d8cf00
rgb(216,207,0)
-
#ebe200
#ebe200
rgb(235,226,0)
-
#fff500
#fff500
rgb(255,245,0)
-
#fff614
#fff614
rgb(255,246,20)
-
#fff727
#fff727
rgb(255,247,39)
-
#fff73b
#fff73b
rgb(255,247,59)
-
#fff84e
#fff84e
rgb(255,248,78)
-
#fff962
#fff962
rgb(255,249,98)
-
#fffa76
#fffa76
rgb(255,250,118)
-
#fffa89
#fffa89
rgb(255,250,137)
-
#fffb9d
#fffb9d
rgb(255,251,157)
-
#fffcb1
#fffcb1
rgb(255,252,177)
-
#fffdc4
#fffdc4
rgb(255,253,196)
-
#fffdd8
#fffdd8
rgb(255,253,216)
-
#fffeeb
#fffeeb
rgb(255,254,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #fff500
A tone is produced by adding gray to any pure hue. In this case, #898976 is the less saturated color, while #fff500 is the most saturated one.
-
#898976
#898976
rgb(137,137,118)
-
#93926c
#93926c
rgb(147,146,108)
-
#9d9b62
#9d9b62
rgb(157,155,98)
-
#a7a458
#a7a458
rgb(167,164,88)
-
#b1ad4e
#b1ad4e
rgb(177,173,78)
-
#bab645
#bab645
rgb(186,182,69)
-
#c4bf3b
#c4bf3b
rgb(196,191,59)
-
#cec831
#cec831
rgb(206,200,49)
-
#d8d127
#d8d127
rgb(216,209,39)
-
#e2da1d
#e2da1d
rgb(226,218,29)
-
#ebe314
#ebe314
rgb(235,227,20)
-
#f5ec0a
#f5ec0a
rgb(245,236,10)
-
#fff500
#fff500
rgb(255,245,0)
Color Blindness Simulator
Below, you can see how #fff500 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.