#ffcc14 Color Information
In a RGB color space, hex #ffcc14 is composed of 100% red, 80% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 92.2% yellow and 0% black. It has a hue angle of 47 degrees, a saturation of 100% and a lightness of 53.9%. #ffcc14 color hex could be obtained by blending #ffff28 with #ff9900. Closest websafe color is: #ffcc00.
-
- R 100
- G 80
- B 8
-
- C 0
- M 20
- Y 92
- K 0
● #ffcc14 color description : Vivid yellow.
#ffcc14 Color Conversion
The hexadecimal color #ffcc14 has RGB values of R:255, G:204, B:20 and CMYK values of C:0, M:0.2, Y:0.92, K:0. Its decimal value is 16763924.
Hex triplet | ffcc14 | #ffcc14 |
---|---|---|
RGB Decimal | 255, 204, 20 | rgb(255,204,20) |
RGB Percent | 100, 80, 7.8 | rgb(100%,80%,7.8%) |
CMYK | 0, 20, 92, 0 | |
HSL | 47°, 100, 53.9 | hsl(47,100%,53.9%) |
HSV (or HSB) | 47°, 92.2, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 84.225, 3.854, 83.186 |
---|---|
XYZ | 62.96, 64.499, 9.795 |
xyY | 0.459, 0.47, 64.499 |
CIE-LCH | 84.225, 83.276, 87.347 |
CIE-LUV | 84.225, 43.559, 86.92 |
Hunter-Lab | 80.311, -0.61, 48.987 |
Binary | 11111111, 11001100, 00010100 |
Color Schemes with #ffcc14
Alternatives to #ffcc14
Below, you can see some colors close to #ffcc14. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc14 Preview
This text has a font color of #ffcc14.
<span style="color:#ffcc14;">Text here</span>
This paragraph has a background color of #ffcc14.
<p style="background-color:#ffcc14;">Content here</p>
This element has a border color of #ffcc14.
<div style="border:1px solid #ffcc14;">Content here</div>
.text {color:#ffcc14;}
.background {background-color:#ffcc14;}
.border {border:1px solid #ffcc14;}
Shades and Tints of #ffcc14
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, #000000 is the darkest color, while #fffbec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#141000
#141000
rgb(20,16,0)
-
#281f00
#281f00
rgb(40,31,0)
-
#3b2e00
#3b2e00
rgb(59,46,0)
-
#4f3e00
#4f3e00
rgb(79,62,0)
-
#624d00
#624d00
rgb(98,77,0)
-
#765c00
#765c00
rgb(118,92,0)
-
#8a6c00
#8a6c00
rgb(138,108,0)
-
#9d7b00
#9d7b00
rgb(157,123,0)
-
#b18b00
#b18b00
rgb(177,139,0)
-
#c59a00
#c59a00
rgb(197,154,0)
-
#d8a900
#d8a900
rgb(216,169,0)
-
#ecb900
#ecb900
rgb(236,185,0)
-
#ffc800
#ffc800
rgb(255,200,0)
-
#ffcc14
#ffcc14
rgb(255,204,20)
-
#ffd028
#ffd028
rgb(255,208,40)
-
#ffd53b
#ffd53b
rgb(255,213,59)
-
#ffd94f
#ffd94f
rgb(255,217,79)
-
#ffdd62
#ffdd62
rgb(255,221,98)
-
#ffe176
#ffe176
rgb(255,225,118)
-
#ffe68a
#ffe68a
rgb(255,230,138)
-
#ffea9d
#ffea9d
rgb(255,234,157)
-
#ffeeb1
#ffeeb1
rgb(255,238,177)
-
#fff2c5
#fff2c5
rgb(255,242,197)
-
#fff7d8
#fff7d8
rgb(255,247,216)
-
#fffbec
#fffbec
rgb(255,251,236)
Tones of #ffcc14
A tone is produced by adding gray to any pure hue. In this case, #938f80 is the less saturated color, while #ffcc14 is the most saturated one.
-
#938f80
#938f80
rgb(147,143,128)
-
#9c9477
#9c9477
rgb(156,148,119)
-
#a5996e
#a5996e
rgb(165,153,110)
-
#ae9e65
#ae9e65
rgb(174,158,101)
-
#b7a35c
#b7a35c
rgb(183,163,92)
-
#c0a853
#c0a853
rgb(192,168,83)
-
#c9ad4a
#c9ad4a
rgb(201,173,74)
-
#d2b241
#d2b241
rgb(210,178,65)
-
#dbb838
#dbb838
rgb(219,184,56)
-
#e4bd2f
#e4bd2f
rgb(228,189,47)
-
#edc226
#edc226
rgb(237,194,38)
-
#f6c71d
#f6c71d
rgb(246,199,29)
-
#ffcc14
#ffcc14
rgb(255,204,20)
Color Blindness Simulator
Below, you can see how #ffcc14 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.