#ffc227 Color Information
In a RGB color space, hex #ffc227 is composed of 100% red, 76.1% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 84.7% yellow and 0% black. It has a hue angle of 43.1 degrees, a saturation of 100% and a lightness of 57.6%. #ffc227 color hex could be obtained by blending #ffff4e with #ff8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 15
-
- C 0
- M 24
- Y 85
- K 0
● #ffc227 color description : Vivid orange.
#ffc227 Color Conversion
The hexadecimal color #ffc227 has RGB values of R:255, G:194, B:39 and CMYK values of C:0, M:0.24, Y:0.85, K:0. Its decimal value is 16761383.
Hex triplet | ffc227 | #ffc227 |
---|---|---|
RGB Decimal | 255, 194, 39 | rgb(255,194,39) |
RGB Percent | 100, 76.1, 15.3 | rgb(100%,76.1%,15.3%) |
CMYK | 0, 24, 85, 0 | |
HSL | 43.1°, 100, 57.6 | hsl(43.1,100%,57.6%) |
HSV (or HSB) | 43.1°, 84.7, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.835, 9.349, 77.576 |
---|---|
XYZ | 60.899, 59.993, 10.292 |
xyY | 0.464, 0.457, 59.993 |
CIE-LCH | 81.835, 78.137, 83.128 |
CIE-LUV | 81.835, 50.854, 80.998 |
Hunter-Lab | 77.455, 4.798, 46.341 |
Binary | 11111111, 11000010, 00100111 |
Color Schemes with #ffc227
Alternatives to #ffc227
Below, you can see some colors close to #ffc227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc227 Preview
This text has a font color of #ffc227.
<span style="color:#ffc227;">Text here</span>
This paragraph has a background color of #ffc227.
<p style="background-color:#ffc227;">Content here</p>
This element has a border color of #ffc227.
<div style="border:1px solid #ffc227;">Content here</div>
.text {color:#ffc227;}
.background {background-color:#ffc227;}
.border {border:1px solid #ffc227;}
Shades and Tints of #ffc227
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, #130e00 is the darkest color, while #ffffff is the lightest one.
-
#130e00
#130e00
rgb(19,14,0)
-
#271c00
#271c00
rgb(39,28,0)
-
#3b2a00
#3b2a00
rgb(59,42,0)
-
#4e3800
#4e3800
rgb(78,56,0)
-
#624600
#624600
rgb(98,70,0)
-
#755400
#755400
rgb(117,84,0)
-
#896200
#896200
rgb(137,98,0)
-
#9d7000
#9d7000
rgb(157,112,0)
-
#b07f00
#b07f00
rgb(176,127,0)
-
#c48d00
#c48d00
rgb(196,141,0)
-
#d89b00
#d89b00
rgb(216,155,0)
-
#eba900
#eba900
rgb(235,169,0)
-
#ffb700
#ffb700
rgb(255,183,0)
-
#ffbc13
#ffbc13
rgb(255,188,19)
-
#ffc227
#ffc227
rgb(255,194,39)
-
#ffc83b
#ffc83b
rgb(255,200,59)
-
#ffcd4e
#ffcd4e
rgb(255,205,78)
-
#ffd362
#ffd362
rgb(255,211,98)
-
#ffd875
#ffd875
rgb(255,216,117)
-
#ffde89
#ffde89
rgb(255,222,137)
-
#ffe39d
#ffe39d
rgb(255,227,157)
-
#ffe9b0
#ffe9b0
rgb(255,233,176)
-
#ffeec4
#ffeec4
rgb(255,238,196)
-
#fff4d8
#fff4d8
rgb(255,244,216)
-
#fff9eb
#fff9eb
rgb(255,249,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffc227
A tone is produced by adding gray to any pure hue. In this case, #9b978b is the less saturated color, while #ffc227 is the most saturated one.
-
#9b978b
#9b978b
rgb(155,151,139)
-
#a49a82
#a49a82
rgb(164,154,130)
-
#ac9e7a
#ac9e7a
rgb(172,158,122)
-
#b4a172
#b4a172
rgb(180,161,114)
-
#bda569
#bda569
rgb(189,165,105)
-
#c5a961
#c5a961
rgb(197,169,97)
-
#cdac59
#cdac59
rgb(205,172,89)
-
#d5b051
#d5b051
rgb(213,176,81)
-
#deb448
#deb448
rgb(222,180,72)
-
#e6b740
#e6b740
rgb(230,183,64)
-
#eebb38
#eebb38
rgb(238,187,56)
-
#f7be2f
#f7be2f
rgb(247,190,47)
-
#ffc227
#ffc227
rgb(255,194,39)
Color Blindness Simulator
Below, you can see how #ffc227 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.