#ffc312 Color Information
In a RGB color space, hex #ffc312 is composed of 100% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 92.9% yellow and 0% black. It has a hue angle of 44.8 degrees, a saturation of 100% and a lightness of 53.5%. #ffc312 color hex could be obtained by blending #ffff24 with #ff8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 7
-
- C 0
- M 24
- Y 93
- K 0
● #ffc312 color description : Vivid orange.
#ffc312 Color Conversion
The hexadecimal color #ffc312 has RGB values of R:255, G:195, B:18 and CMYK values of C:0, M:0.24, Y:0.93, K:0. Its decimal value is 16761618.
Hex triplet | ffc312 | #ffc312 |
---|---|---|
RGB Decimal | 255, 195, 18 | rgb(255,195,18) |
RGB Percent | 100, 76.5, 7.1 | rgb(100%,76.5%,7.1%) |
CMYK | 0, 24, 93, 0 | |
HSL | 44.8°, 100, 53.5 | hsl(44.8,100%,53.5%) |
HSV (or HSB) | 44.8°, 92.9, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.021, 8.466, 81.839 |
---|---|
XYZ | 60.866, 60.337, 9.013 |
xyY | 0.467, 0.463, 60.337 |
CIE-LCH | 82.021, 82.276, 84.094 |
CIE-LUV | 82.021, 50.486, 83.753 |
Hunter-Lab | 77.677, 3.933, 47.495 |
Binary | 11111111, 11000011, 00010010 |
Color Schemes with #ffc312
Alternatives to #ffc312
Below, you can see some colors close to #ffc312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc312 Preview
This text has a font color of #ffc312.
<span style="color:#ffc312;">Text here</span>
This paragraph has a background color of #ffc312.
<p style="background-color:#ffc312;">Content here</p>
This element has a border color of #ffc312.
<div style="border:1px solid #ffc312;">Content here</div>
.text {color:#ffc312;}
.background {background-color:#ffc312;}
.border {border:1px solid #ffc312;}
Shades and Tints of #ffc312
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, #120d00 is the darkest color, while #fffffd is the lightest one.
-
#120d00
#120d00
rgb(18,13,0)
-
#261c00
#261c00
rgb(38,28,0)
-
#392b00
#392b00
rgb(57,43,0)
-
#4d3900
#4d3900
rgb(77,57,0)
-
#604800
#604800
rgb(96,72,0)
-
#745700
#745700
rgb(116,87,0)
-
#886500
#886500
rgb(136,101,0)
-
#9b7400
#9b7400
rgb(155,116,0)
-
#af8300
#af8300
rgb(175,131,0)
-
#c39100
#c39100
rgb(195,145,0)
-
#d6a000
#d6a000
rgb(214,160,0)
-
#eaaf00
#eaaf00
rgb(234,175,0)
-
#fdbd00
#fdbd00
rgb(253,189,0)
-
#ffc312
#ffc312
rgb(255,195,18)
-
#ffc826
#ffc826
rgb(255,200,38)
-
#ffcd39
#ffcd39
rgb(255,205,57)
-
#ffd24d
#ffd24d
rgb(255,210,77)
-
#ffd760
#ffd760
rgb(255,215,96)
-
#ffdc74
#ffdc74
rgb(255,220,116)
-
#ffe188
#ffe188
rgb(255,225,136)
-
#ffe69b
#ffe69b
rgb(255,230,155)
-
#ffebaf
#ffebaf
rgb(255,235,175)
-
#fff0c3
#fff0c3
rgb(255,240,195)
-
#fff5d6
#fff5d6
rgb(255,245,214)
-
#fffaea
#fffaea
rgb(255,250,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ffc312
A tone is produced by adding gray to any pure hue. In this case, #928d7f is the less saturated color, while #ffc312 is the most saturated one.
-
#928d7f
#928d7f
rgb(146,141,127)
-
#9b9276
#9b9276
rgb(155,146,118)
-
#a4966d
#a4966d
rgb(164,150,109)
-
#ad9b64
#ad9b64
rgb(173,155,100)
-
#b69f5b
#b69f5b
rgb(182,159,91)
-
#bfa452
#bfa452
rgb(191,164,82)
-
#c8a849
#c8a849
rgb(200,168,73)
-
#d1ad40
#d1ad40
rgb(209,173,64)
-
#dbb136
#dbb136
rgb(219,177,54)
-
#e4b62d
#e4b62d
rgb(228,182,45)
-
#edba24
#edba24
rgb(237,186,36)
-
#f6bf1b
#f6bf1b
rgb(246,191,27)
-
#ffc312
#ffc312
rgb(255,195,18)
Color Blindness Simulator
Below, you can see how #ffc312 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.