#ffd301 Color Information
In a RGB color space, hex #ffd301 is composed of 100% red, 82.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 99.6% yellow and 0% black. It has a hue angle of 49.6 degrees, a saturation of 100% and a lightness of 50.2%. #ffd301 color hex could be obtained by blending #ffff02 with #ffa700. Closest websafe color is: #ffcc00.
-
- R 100
- G 83
- B 0
-
- C 0
- M 17
- Y 100
- K 0
● #ffd301 color description : Vivid yellow.
#ffd301 Color Conversion
The hexadecimal color #ffd301 has RGB values of R:255, G:211, B:1 and CMYK values of C:0, M:0.17, Y:1, K:0. Its decimal value is 16765697.
Hex triplet | ffd301 | #ffd301 |
---|---|---|
RGB Decimal | 255, 211, 1 | rgb(255,211,1) |
RGB Percent | 100, 82.7, 0.4 | rgb(100%,82.7%,0.4%) |
CMYK | 0, 17, 100, 0 | |
HSL | 49.6°, 100, 50.2 | hsl(49.6,100%,50.2%) |
HSV (or HSB) | 49.6°, 99.6, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 85.933, 0.109, 86.342 |
---|---|
XYZ | 64.541, 67.854, 9.726 |
xyY | 0.454, 0.477, 67.854 |
CIE-LCH | 85.933, 86.342, 89.928 |
CIE-LUV | 85.933, 38.452, 90.57 |
Hunter-Lab | 82.373, -4.296, 50.661 |
Binary | 11111111, 11010011, 00000001 |
Color Schemes with #ffd301
Alternatives to #ffd301
Below, you can see some colors close to #ffd301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd301 Preview
This text has a font color of #ffd301.
<span style="color:#ffd301;">Text here</span>
This paragraph has a background color of #ffd301.
<p style="background-color:#ffd301;">Content here</p>
This element has a border color of #ffd301.
<div style="border:1px solid #ffd301;">Content here</div>
.text {color:#ffd301;}
.background {background-color:#ffd301;}
.border {border:1px solid #ffd301;}
Shades and Tints of #ffd301
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, #010100 is the darkest color, while #fffcec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#151100
#151100
rgb(21,17,0)
-
#282100
#282100
rgb(40,33,0)
-
#3c3100
#3c3100
rgb(60,49,0)
-
#4f4200
#4f4200
rgb(79,66,0)
-
#635200
#635200
rgb(99,82,0)
-
#776200
#776200
rgb(119,98,0)
-
#8a7200
#8a7200
rgb(138,114,0)
-
#9e8300
#9e8300
rgb(158,131,0)
-
#b29300
#b29300
rgb(178,147,0)
-
#c5a300
#c5a300
rgb(197,163,0)
-
#d9b300
#d9b300
rgb(217,179,0)
-
#ecc300
#ecc300
rgb(236,195,0)
-
#ffd301
#ffd301
rgb(255,211,1)
-
#ffd615
#ffd615
rgb(255,214,21)
-
#ffda28
#ffda28
rgb(255,218,40)
-
#ffdd3c
#ffdd3c
rgb(255,221,60)
-
#ffe14f
#ffe14f
rgb(255,225,79)
-
#ffe463
#ffe463
rgb(255,228,99)
-
#ffe777
#ffe777
rgb(255,231,119)
-
#ffeb8a
#ffeb8a
rgb(255,235,138)
-
#ffee9e
#ffee9e
rgb(255,238,158)
-
#fff2b2
#fff2b2
rgb(255,242,178)
-
#fff5c5
#fff5c5
rgb(255,245,197)
-
#fff8d9
#fff8d9
rgb(255,248,217)
-
#fffcec
#fffcec
rgb(255,252,236)
Tones of #ffd301
A tone is produced by adding gray to any pure hue. In this case, #8a8676 is the less saturated color, while #ffd301 is the most saturated one.
-
#8a8676
#8a8676
rgb(138,134,118)
-
#948d6c
#948d6c
rgb(148,141,108)
-
#9d9363
#9d9363
rgb(157,147,99)
-
#a79a59
#a79a59
rgb(167,154,89)
-
#b1a04f
#b1a04f
rgb(177,160,79)
-
#bba645
#bba645
rgb(187,166,69)
-
#c4ad3c
#c4ad3c
rgb(196,173,60)
-
#ceb332
#ceb332
rgb(206,179,50)
-
#d8b928
#d8b928
rgb(216,185,40)
-
#e2c01e
#e2c01e
rgb(226,192,30)
-
#ebc615
#ebc615
rgb(235,198,21)
-
#f5cd0b
#f5cd0b
rgb(245,205,11)
-
#ffd301
#ffd301
rgb(255,211,1)
Color Blindness Simulator
Below, you can see how #ffd301 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.