#ffc310 Color Information
In a RGB color space, hex #ffc310 is composed of 100% red, 76.5% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 93.7% yellow and 0% black. It has a hue angle of 44.9 degrees, a saturation of 100% and a lightness of 53.1%. #ffc310 color hex could be obtained by blending #ffff20 with #ff8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 6
-
- C 0
- M 24
- Y 94
- K 0
● #ffc310 color description : Vivid orange.
#ffc310 Color Conversion
The hexadecimal color #ffc310 has RGB values of R:255, G:195, B:16 and CMYK values of C:0, M:0.24, Y:0.94, K:0. Its decimal value is 16761616.
Hex triplet | ffc310 | #ffc310 |
---|---|---|
RGB Decimal | 255, 195, 16 | rgb(255,195,16) |
RGB Percent | 100, 76.5, 6.3 | rgb(100%,76.5%,6.3%) |
CMYK | 0, 24, 94, 0 | |
HSL | 44.9°, 100, 53.1 | hsl(44.9,100%,53.1%) |
HSV (or HSB) | 44.9°, 93.7, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.018, 8.443, 82.1 |
---|---|
XYZ | 60.85, 60.331, 8.93 |
xyY | 0.468, 0.464, 60.331 |
CIE-LCH | 82.018, 82.533, 84.128 |
CIE-LUV | 82.018, 50.511, 83.899 |
Hunter-Lab | 77.673, 3.911, 47.554 |
Binary | 11111111, 11000011, 00010000 |
Color Schemes with #ffc310
Alternatives to #ffc310
Below, you can see some colors close to #ffc310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc310 Preview
This text has a font color of #ffc310.
<span style="color:#ffc310;">Text here</span>
This paragraph has a background color of #ffc310.
<p style="background-color:#ffc310;">Content here</p>
This element has a border color of #ffc310.
<div style="border:1px solid #ffc310;">Content here</div>
.text {color:#ffc310;}
.background {background-color:#ffc310;}
.border {border:1px solid #ffc310;}
Shades and Tints of #ffc310
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, #100c00 is the darkest color, while #fffefb is the lightest one.
-
#100c00
#100c00
rgb(16,12,0)
-
#241b00
#241b00
rgb(36,27,0)
-
#372900
#372900
rgb(55,41,0)
-
#4b3800
#4b3800
rgb(75,56,0)
-
#5e4700
#5e4700
rgb(94,71,0)
-
#725500
#725500
rgb(114,85,0)
-
#866400
#866400
rgb(134,100,0)
-
#997300
#997300
rgb(153,115,0)
-
#ad8200
#ad8200
rgb(173,130,0)
-
#c19000
#c19000
rgb(193,144,0)
-
#d49f00
#d49f00
rgb(212,159,0)
-
#e8ae00
#e8ae00
rgb(232,174,0)
-
#fbbc00
#fbbc00
rgb(251,188,0)
-
#ffc310
#ffc310
rgb(255,195,16)
-
#ffc824
#ffc824
rgb(255,200,36)
-
#ffcd37
#ffcd37
rgb(255,205,55)
-
#ffd24b
#ffd24b
rgb(255,210,75)
-
#ffd75e
#ffd75e
rgb(255,215,94)
-
#ffdc72
#ffdc72
rgb(255,220,114)
-
#ffe186
#ffe186
rgb(255,225,134)
-
#ffe599
#ffe599
rgb(255,229,153)
-
#ffeaad
#ffeaad
rgb(255,234,173)
-
#ffefc1
#ffefc1
rgb(255,239,193)
-
#fff4d4
#fff4d4
rgb(255,244,212)
-
#fff9e8
#fff9e8
rgb(255,249,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #ffc310
A tone is produced by adding gray to any pure hue. In this case, #918c7e is the less saturated color, while #ffc310 is the most saturated one.
-
#918c7e
#918c7e
rgb(145,140,126)
-
#9a9175
#9a9175
rgb(154,145,117)
-
#a3956c
#a3956c
rgb(163,149,108)
-
#ac9a63
#ac9a63
rgb(172,154,99)
-
#b59e5a
#b59e5a
rgb(181,158,90)
-
#bfa350
#bfa350
rgb(191,163,80)
-
#c8a847
#c8a847
rgb(200,168,71)
-
#d1ac3e
#d1ac3e
rgb(209,172,62)
-
#dab135
#dab135
rgb(218,177,53)
-
#e3b52c
#e3b52c
rgb(227,181,44)
-
#edba22
#edba22
rgb(237,186,34)
-
#f6be19
#f6be19
rgb(246,190,25)
-
#ffc310
#ffc310
rgb(255,195,16)
Color Blindness Simulator
Below, you can see how #ffc310 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.