#ffd500 Color Information
In a RGB color space, hex #ffd500 is composed of 100% red, 83.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 100% yellow and 0% black. It has a hue angle of 50.1 degrees, a saturation of 100% and a lightness of 50%. #ffd500 color hex could be obtained by blending #ffff00 with #ffab00. Closest websafe color is: #ffcc00.
-
- R 100
- G 84
- B 0
-
- C 0
- M 16
- Y 100
- K 0
● #ffd500 color description : Pure (or mostly pure) yellow.
#ffd500 Color Conversion
The hexadecimal color #ffd500 has RGB values of R:255, G:213, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0. Its decimal value is 16766208.
Hex triplet | ffd500 | #ffd500 |
---|---|---|
RGB Decimal | 255, 213, 0 | rgb(255,213,0) |
RGB Percent | 100, 83.5, 0 | rgb(100%,83.5%,0%) |
CMYK | 0, 16, 100, 0 | |
HSL | 50.1°, 100, 50 | hsl(50.1,100%,50%) |
HSV (or HSB) | 50.1°, 100, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 86.43, -0.915, 86.779 |
---|---|
XYZ | 65.035, 68.851, 9.864 |
xyY | 0.452, 0.479, 68.851 |
CIE-LCH | 86.43, 86.784, 90.604 |
CIE-LUV | 86.43, 36.972, 91.351 |
Hunter-Lab | 82.977, -5.305, 51.035 |
Binary | 11111111, 11010101, 00000000 |
Color Schemes with #ffd500
Alternatives to #ffd500
Below, you can see some colors close to #ffd500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd500 Preview
This text has a font color of #ffd500.
<span style="color:#ffd500;">Text here</span>
This paragraph has a background color of #ffd500.
<p style="background-color:#ffd500;">Content here</p>
This element has a border color of #ffd500.
<div style="border:1px solid #ffd500;">Content here</div>
.text {color:#ffd500;}
.background {background-color:#ffd500;}
.border {border:1px solid #ffd500;}
Shades and Tints of #ffd500
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, #141000 is the darkest color, while #ffffff is the lightest one.
-
#141000
#141000
rgb(20,16,0)
-
#272100
#272100
rgb(39,33,0)
-
#3b3100
#3b3100
rgb(59,49,0)
-
#4e4200
#4e4200
rgb(78,66,0)
-
#625200
#625200
rgb(98,82,0)
-
#766200
#766200
rgb(118,98,0)
-
#897300
#897300
rgb(137,115,0)
-
#9d8300
#9d8300
rgb(157,131,0)
-
#b19300
#b19300
rgb(177,147,0)
-
#c4a400
#c4a400
rgb(196,164,0)
-
#d8b400
#d8b400
rgb(216,180,0)
-
#ebc500
#ebc500
rgb(235,197,0)
-
#ffd500
#ffd500
rgb(255,213,0)
-
#ffd814
#ffd814
rgb(255,216,20)
-
#ffdb27
#ffdb27
rgb(255,219,39)
-
#ffdf3b
#ffdf3b
rgb(255,223,59)
-
#ffe24e
#ffe24e
rgb(255,226,78)
-
#ffe562
#ffe562
rgb(255,229,98)
-
#ffe876
#ffe876
rgb(255,232,118)
-
#ffec89
#ffec89
rgb(255,236,137)
-
#ffef9d
#ffef9d
rgb(255,239,157)
-
#fff2b1
#fff2b1
rgb(255,242,177)
-
#fff5c4
#fff5c4
rgb(255,245,196)
-
#fff9d8
#fff9d8
rgb(255,249,216)
-
#fffceb
#fffceb
rgb(255,252,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffd500
A tone is produced by adding gray to any pure hue. In this case, #898676 is the less saturated color, while #ffd500 is the most saturated one.
-
#898676
#898676
rgb(137,134,118)
-
#938d6c
#938d6c
rgb(147,141,108)
-
#9d9362
#9d9362
rgb(157,147,98)
-
#a79a58
#a79a58
rgb(167,154,88)
-
#b1a04e
#b1a04e
rgb(177,160,78)
-
#baa745
#baa745
rgb(186,167,69)
-
#c4ae3b
#c4ae3b
rgb(196,174,59)
-
#ceb431
#ceb431
rgb(206,180,49)
-
#d8bb27
#d8bb27
rgb(216,187,39)
-
#e2c11d
#e2c11d
rgb(226,193,29)
-
#ebc814
#ebc814
rgb(235,200,20)
-
#f5ce0a
#f5ce0a
rgb(245,206,10)
-
#ffd500
#ffd500
rgb(255,213,0)
Color Blindness Simulator
Below, you can see how #ffd500 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.