#ffc228 Color Information
In a RGB color space, hex #ffc228 is composed of 100% red, 76.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 84.3% yellow and 0% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 57.8%. #ffc228 color hex could be obtained by blending #ffff50 with #ff8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 16
-
- C 0
- M 24
- Y 84
- K 0
● #ffc228 color description : Vivid orange.
#ffc228 Color Conversion
The hexadecimal color #ffc228 has RGB values of R:255, G:194, B:40 and CMYK values of C:0, M:0.24, Y:0.84, K:0. Its decimal value is 16761384.
Hex triplet | ffc228 | #ffc228 |
---|---|---|
RGB Decimal | 255, 194, 40 | rgb(255,194,40) |
RGB Percent | 100, 76.1, 15.7 | rgb(100%,76.1%,15.7%) |
CMYK | 0, 24, 84, 0 | |
HSL | 43°, 100, 57.8 | hsl(43,100%,57.8%) |
HSV (or HSB) | 43°, 84.3, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.838, 9.373, 77.322 |
---|---|
XYZ | 60.916, 60, 10.38 |
xyY | 0.464, 0.457, 60 |
CIE-LCH | 81.838, 77.888, 83.088 |
CIE-LUV | 81.838, 50.827, 80.843 |
Hunter-Lab | 77.46, 4.822, 46.276 |
Binary | 11111111, 11000010, 00101000 |
Color Schemes with #ffc228
Alternatives to #ffc228
Below, you can see some colors close to #ffc228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc228 Preview
This text has a font color of #ffc228.
<span style="color:#ffc228;">Text here</span>
This paragraph has a background color of #ffc228.
<p style="background-color:#ffc228;">Content here</p>
This element has a border color of #ffc228.
<div style="border:1px solid #ffc228;">Content here</div>
.text {color:#ffc228;}
.background {background-color:#ffc228;}
.border {border:1px solid #ffc228;}
Shades and Tints of #ffc228
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, #010100 is the darkest color, while #fffaec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140f00
#140f00
rgb(20,15,0)
-
#281d00
#281d00
rgb(40,29,0)
-
#3c2b00
#3c2b00
rgb(60,43,0)
-
#4f3900
#4f3900
rgb(79,57,0)
-
#634700
#634700
rgb(99,71,0)
-
#765500
#765500
rgb(118,85,0)
-
#8a6300
#8a6300
rgb(138,99,0)
-
#9e7100
#9e7100
rgb(158,113,0)
-
#b17f00
#b17f00
rgb(177,127,0)
-
#c58d00
#c58d00
rgb(197,141,0)
-
#d99b00
#d99b00
rgb(217,155,0)
-
#eca900
#eca900
rgb(236,169,0)
-
#ffb701
#ffb701
rgb(255,183,1)
-
#ffbc14
#ffbc14
rgb(255,188,20)
-
#ffc228
#ffc228
rgb(255,194,40)
-
#ffc83c
#ffc83c
rgb(255,200,60)
-
#ffcd4f
#ffcd4f
rgb(255,205,79)
-
#ffd363
#ffd363
rgb(255,211,99)
-
#ffd876
#ffd876
rgb(255,216,118)
-
#ffde8a
#ffde8a
rgb(255,222,138)
-
#ffe39e
#ffe39e
rgb(255,227,158)
-
#ffe9b1
#ffe9b1
rgb(255,233,177)
-
#ffefc5
#ffefc5
rgb(255,239,197)
-
#fff4d9
#fff4d9
rgb(255,244,217)
-
#fffaec
#fffaec
rgb(255,250,236)
Tones of #ffc228
A tone is produced by adding gray to any pure hue. In this case, #9c978b is the less saturated color, while #ffc228 is the most saturated one.
-
#9c978b
#9c978b
rgb(156,151,139)
-
#a49b83
#a49b83
rgb(164,155,131)
-
#ac9e7b
#ac9e7b
rgb(172,158,123)
-
#b5a272
#b5a272
rgb(181,162,114)
-
#bda56a
#bda56a
rgb(189,165,106)
-
#c5a962
#c5a962
rgb(197,169,98)
-
#cdad5a
#cdad5a
rgb(205,173,90)
-
#d6b051
#d6b051
rgb(214,176,81)
-
#deb449
#deb449
rgb(222,180,73)
-
#e6b741
#e6b741
rgb(230,183,65)
-
#eebb39
#eebb39
rgb(238,187,57)
-
#f7be30
#f7be30
rgb(247,190,48)
-
#ffc228
#ffc228
rgb(255,194,40)
Color Blindness Simulator
Below, you can see how #ffc228 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.