#ffd300 Color Information
In a RGB color space, hex #ffd300 is composed of 100% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 100% yellow and 0% black. It has a hue angle of 49.6 degrees, a saturation of 100% and a lightness of 50%. #ffd300 color hex could be obtained by blending #ffff00 with #ffa700. Closest websafe color is: #ffcc00.
-
- R 100
- G 83
- B 0
-
- C 0
- M 17
- Y 100
- K 0
● #ffd300 color description : Pure (or mostly pure) yellow.
#ffd300 Color Conversion
The hexadecimal color #ffd300 has RGB values of R:255, G:211, B:0 and CMYK values of C:0, M:0.17, Y:1, K:0. Its decimal value is 16765696.
Hex triplet | ffd300 | #ffd300 |
---|---|---|
RGB Decimal | 255, 211, 0 | rgb(255,211,0) |
RGB Percent | 100, 82.7, 0 | rgb(100%,82.7%,0%) |
CMYK | 0, 17, 100, 0 | |
HSL | 49.6°, 100, 50 | hsl(49.6,100%,50%) |
HSV (or HSB) | 49.6°, 100, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 85.932, 0.101, 86.429 |
---|---|
XYZ | 64.535, 67.851, 9.698 |
xyY | 0.454, 0.478, 67.851 |
CIE-LCH | 85.932, 86.429, 89.933 |
CIE-LUV | 85.932, 38.459, 90.618 |
Hunter-Lab | 82.372, -4.303, 50.68 |
Binary | 11111111, 11010011, 00000000 |
Color Schemes with #ffd300
Alternatives to #ffd300
Below, you can see some colors close to #ffd300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd300 Preview
This text has a font color of #ffd300.
<span style="color:#ffd300;">Text here</span>
This paragraph has a background color of #ffd300.
<p style="background-color:#ffd300;">Content here</p>
This element has a border color of #ffd300.
<div style="border:1px solid #ffd300;">Content here</div>
.text {color:#ffd300;}
.background {background-color:#ffd300;}
.border {border:1px solid #ffd300;}
Shades and Tints of #ffd300
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)
-
#272000
#272000
rgb(39,32,0)
-
#3b3100
#3b3100
rgb(59,49,0)
-
#4e4100
#4e4100
rgb(78,65,0)
-
#625100
#625100
rgb(98,81,0)
-
#766100
#766100
rgb(118,97,0)
-
#897200
#897200
rgb(137,114,0)
-
#9d8200
#9d8200
rgb(157,130,0)
-
#b19200
#b19200
rgb(177,146,0)
-
#c4a200
#c4a200
rgb(196,162,0)
-
#d8b300
#d8b300
rgb(216,179,0)
-
#ebc300
#ebc300
rgb(235,195,0)
-
#ffd300
#ffd300
rgb(255,211,0)
-
#ffd614
#ffd614
rgb(255,214,20)
-
#ffda27
#ffda27
rgb(255,218,39)
-
#ffdd3b
#ffdd3b
rgb(255,221,59)
-
#ffe14e
#ffe14e
rgb(255,225,78)
-
#ffe462
#ffe462
rgb(255,228,98)
-
#ffe776
#ffe776
rgb(255,231,118)
-
#ffeb89
#ffeb89
rgb(255,235,137)
-
#ffee9d
#ffee9d
rgb(255,238,157)
-
#fff1b1
#fff1b1
rgb(255,241,177)
-
#fff5c4
#fff5c4
rgb(255,245,196)
-
#fff8d8
#fff8d8
rgb(255,248,216)
-
#fffceb
#fffceb
rgb(255,252,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffd300
A tone is produced by adding gray to any pure hue. In this case, #898676 is the less saturated color, while #ffd300 is the most saturated one.
-
#898676
#898676
rgb(137,134,118)
-
#938c6c
#938c6c
rgb(147,140,108)
-
#9d9362
#9d9362
rgb(157,147,98)
-
#a79958
#a79958
rgb(167,153,88)
-
#b1a04e
#b1a04e
rgb(177,160,78)
-
#baa645
#baa645
rgb(186,166,69)
-
#c4ac3b
#c4ac3b
rgb(196,172,59)
-
#ceb331
#ceb331
rgb(206,179,49)
-
#d8b927
#d8b927
rgb(216,185,39)
-
#e2c01d
#e2c01d
rgb(226,192,29)
-
#ebc614
#ebc614
rgb(235,198,20)
-
#f5cd0a
#f5cd0a
rgb(245,205,10)
-
#ffd300
#ffd300
rgb(255,211,0)
Color Blindness Simulator
Below, you can see how #ffd300 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.