#ffd312 Color Information
In a RGB color space, hex #ffd312 is composed of 100% red, 82.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 92.9% yellow and 0% black. It has a hue angle of 48.9 degrees, a saturation of 100% and a lightness of 53.5%. #ffd312 color hex could be obtained by blending #ffff24 with #ffa700. Closest websafe color is: #ffcc00.
-
- R 100
- G 83
- B 7
-
- C 0
- M 17
- Y 93
- K 0
● #ffd312 color description : Vivid yellow.
#ffd312 Color Conversion
The hexadecimal color #ffd312 has RGB values of R:255, G:211, B:18 and CMYK values of C:0, M:0.17, Y:0.93, K:0. Its decimal value is 16765714.
Hex triplet | ffd312 | #ffd312 |
---|---|---|
RGB Decimal | 255, 211, 18 | rgb(255,211,18) |
RGB Percent | 100, 82.7, 7.1 | rgb(100%,82.7%,7.1%) |
CMYK | 0, 17, 93, 0 | |
HSL | 48.9°, 100, 53.5 | hsl(48.9,100%,53.5%) |
HSV (or HSB) | 48.9°, 92.9, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 85.954, 0.255, 84.735 |
---|---|
XYZ | 64.644, 67.895, 10.272 |
xyY | 0.453, 0.475, 67.895 |
CIE-LCH | 85.954, 84.736, 89.828 |
CIE-LUV | 85.954, 38.327, 89.663 |
Hunter-Lab | 82.398, -4.158, 50.287 |
Binary | 11111111, 11010011, 00010010 |
Color Schemes with #ffd312
Alternatives to #ffd312
Below, you can see some colors close to #ffd312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd312 Preview
This text has a font color of #ffd312.
<span style="color:#ffd312;">Text here</span>
This paragraph has a background color of #ffd312.
<p style="background-color:#ffd312;">Content here</p>
This element has a border color of #ffd312.
<div style="border:1px solid #ffd312;">Content here</div>
.text {color:#ffd312;}
.background {background-color:#ffd312;}
.border {border:1px solid #ffd312;}
Shades and Tints of #ffd312
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, #120f00 is the darkest color, while #fffffd is the lightest one.
-
#120f00
#120f00
rgb(18,15,0)
-
#261f00
#261f00
rgb(38,31,0)
-
#392f00
#392f00
rgb(57,47,0)
-
#4d3f00
#4d3f00
rgb(77,63,0)
-
#604f00
#604f00
rgb(96,79,0)
-
#745f00
#745f00
rgb(116,95,0)
-
#886f00
#886f00
rgb(136,111,0)
-
#9b7e00
#9b7e00
rgb(155,126,0)
-
#af8e00
#af8e00
rgb(175,142,0)
-
#c39e00
#c39e00
rgb(195,158,0)
-
#d6ae00
#d6ae00
rgb(214,174,0)
-
#eabe00
#eabe00
rgb(234,190,0)
-
#fdce00
#fdce00
rgb(253,206,0)
-
#ffd312
#ffd312
rgb(255,211,18)
-
#ffd726
#ffd726
rgb(255,215,38)
-
#ffda39
#ffda39
rgb(255,218,57)
-
#ffde4d
#ffde4d
rgb(255,222,77)
-
#ffe260
#ffe260
rgb(255,226,96)
-
#ffe574
#ffe574
rgb(255,229,116)
-
#ffe988
#ffe988
rgb(255,233,136)
-
#ffec9b
#ffec9b
rgb(255,236,155)
-
#fff0af
#fff0af
rgb(255,240,175)
-
#fff4c3
#fff4c3
rgb(255,244,195)
-
#fff7d6
#fff7d6
rgb(255,247,214)
-
#fffbea
#fffbea
rgb(255,251,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ffd312
A tone is produced by adding gray to any pure hue. In this case, #928e7f is the less saturated color, while #ffd312 is the most saturated one.
-
#928e7f
#928e7f
rgb(146,142,127)
-
#9b9476
#9b9476
rgb(155,148,118)
-
#a49a6d
#a49a6d
rgb(164,154,109)
-
#ad9f64
#ad9f64
rgb(173,159,100)
-
#b6a55b
#b6a55b
rgb(182,165,91)
-
#bfab52
#bfab52
rgb(191,171,82)
-
#c8b149
#c8b149
rgb(200,177,73)
-
#d1b640
#d1b640
rgb(209,182,64)
-
#dbbc36
#dbbc36
rgb(219,188,54)
-
#e4c22d
#e4c22d
rgb(228,194,45)
-
#edc824
#edc824
rgb(237,200,36)
-
#f6cd1b
#f6cd1b
rgb(246,205,27)
-
#ffd312
#ffd312
rgb(255,211,18)
Color Blindness Simulator
Below, you can see how #ffd312 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.