#ffc311 Color Information
In a RGB color space, hex #ffc311 is composed of 100% red, 76.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 93.3% yellow and 0% black. It has a hue angle of 44.9 degrees, a saturation of 100% and a lightness of 53.3%. #ffc311 color hex could be obtained by blending #ffff22 with #ff8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 7
-
- C 0
- M 24
- Y 93
- K 0
● #ffc311 color description : Vivid orange.
#ffc311 Color Conversion
The hexadecimal color #ffc311 has RGB values of R:255, G:195, B:17 and CMYK values of C:0, M:0.24, Y:0.93, K:0. Its decimal value is 16761617.
Hex triplet | ffc311 | #ffc311 |
---|---|---|
RGB Decimal | 255, 195, 17 | rgb(255,195,17) |
RGB Percent | 100, 76.5, 6.7 | rgb(100%,76.5%,6.7%) |
CMYK | 0, 24, 93, 0 | |
HSL | 44.9°, 100, 53.3 | hsl(44.9,100%,53.3%) |
HSV (or HSB) | 44.9°, 93.3, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.019, 8.454, 81.972 |
---|---|
XYZ | 60.858, 60.334, 8.971 |
xyY | 0.468, 0.464, 60.334 |
CIE-LCH | 82.019, 82.407, 84.112 |
CIE-LUV | 82.019, 50.499, 83.828 |
Hunter-Lab | 77.675, 3.922, 47.525 |
Binary | 11111111, 11000011, 00010001 |
Color Schemes with #ffc311
Alternatives to #ffc311
Below, you can see some colors close to #ffc311. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc311 Preview
This text has a font color of #ffc311.
<span style="color:#ffc311;">Text here</span>
This paragraph has a background color of #ffc311.
<p style="background-color:#ffc311;">Content here</p>
This element has a border color of #ffc311.
<div style="border:1px solid #ffc311;">Content here</div>
.text {color:#ffc311;}
.background {background-color:#ffc311;}
.border {border:1px solid #ffc311;}
Shades and Tints of #ffc311
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, #110d00 is the darkest color, while #fffefc is the lightest one.
-
#110d00
#110d00
rgb(17,13,0)
-
#251b00
#251b00
rgb(37,27,0)
-
#382a00
#382a00
rgb(56,42,0)
-
#4c3900
#4c3900
rgb(76,57,0)
-
#5f4700
#5f4700
rgb(95,71,0)
-
#735600
#735600
rgb(115,86,0)
-
#876500
#876500
rgb(135,101,0)
-
#9a7300
#9a7300
rgb(154,115,0)
-
#ae8200
#ae8200
rgb(174,130,0)
-
#c29100
#c29100
rgb(194,145,0)
-
#d59f00
#d59f00
rgb(213,159,0)
-
#e9ae00
#e9ae00
rgb(233,174,0)
-
#fcbd00
#fcbd00
rgb(252,189,0)
-
#ffc311
#ffc311
rgb(255,195,17)
-
#ffc825
#ffc825
rgb(255,200,37)
-
#ffcd38
#ffcd38
rgb(255,205,56)
-
#ffd24c
#ffd24c
rgb(255,210,76)
-
#ffd75f
#ffd75f
rgb(255,215,95)
-
#ffdc73
#ffdc73
rgb(255,220,115)
-
#ffe187
#ffe187
rgb(255,225,135)
-
#ffe69a
#ffe69a
rgb(255,230,154)
-
#ffebae
#ffebae
rgb(255,235,174)
-
#fff0c2
#fff0c2
rgb(255,240,194)
-
#fff4d5
#fff4d5
rgb(255,244,213)
-
#fff9e9
#fff9e9
rgb(255,249,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #ffc311
A tone is produced by adding gray to any pure hue. In this case, #918d7f is the less saturated color, while #ffc311 is the most saturated one.
-
#918d7f
#918d7f
rgb(145,141,127)
-
#9a9176
#9a9176
rgb(154,145,118)
-
#a3966d
#a3966d
rgb(163,150,109)
-
#ad9a63
#ad9a63
rgb(173,154,99)
-
#b69f5a
#b69f5a
rgb(182,159,90)
-
#bfa351
#bfa351
rgb(191,163,81)
-
#c8a848
#c8a848
rgb(200,168,72)
-
#d1ac3f
#d1ac3f
rgb(209,172,63)
-
#dab136
#dab136
rgb(218,177,54)
-
#e4b52c
#e4b52c
rgb(228,181,44)
-
#edba23
#edba23
rgb(237,186,35)
-
#f6be1a
#f6be1a
rgb(246,190,26)
-
#ffc311
#ffc311
rgb(255,195,17)
Color Blindness Simulator
Below, you can see how #ffc311 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.