#fcc222 Color Information
In a RGB color space, hex #fcc222 is composed of 98.8% red, 76.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 86.5% yellow and 1.2% black. It has a hue angle of 44 degrees, a saturation of 97.3% and a lightness of 56.1%. #fcc222 color hex could be obtained by blending #ffff44 with #f98500. Closest websafe color is: #ffcc33.
-
- R 99
- G 76
- B 13
-
- C 0
- M 23
- Y 87
- K 1
● #fcc222 color description : Vivid orange.
#fcc222 Color Conversion
The hexadecimal color #fcc222 has RGB values of R:252, G:194, B:34 and CMYK values of C:0, M:0.23, Y:0.87, K:0.01. Its decimal value is 16564770.
Hex triplet | fcc222 | #fcc222 |
---|---|---|
RGB Decimal | 252, 194, 34 | rgb(252,194,34) |
RGB Percent | 98.8, 76.1, 13.3 | rgb(98.8%,76.1%,13.3%) |
CMYK | 0, 23, 87, 1 | |
HSL | 44°, 97.3, 56.1 | hsl(44,97.3%,56.1%) |
HSV (or HSB) | 44°, 86.5, 98.8 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.51, 7.965, 78.392 |
---|---|
XYZ | 59.727, 59.398, 9.832 |
xyY | 0.463, 0.461, 59.398 |
CIE-LCH | 81.51, 78.795, 84.198 |
CIE-LUV | 81.51, 48.632, 81.641 |
Hunter-Lab | 77.07, 3.459, 46.385 |
Binary | 11111100, 11000010, 00100010 |
Color Schemes with #fcc222
Alternatives to #fcc222
Below, you can see some colors close to #fcc222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc222 Preview
This text has a font color of #fcc222.
<span style="color:#fcc222;">Text here</span>
This paragraph has a background color of #fcc222.
<p style="background-color:#fcc222;">Content here</p>
This element has a border color of #fcc222.
<div style="border:1px solid #fcc222;">Content here</div>
.text {color:#fcc222;}
.background {background-color:#fcc222;}
.border {border:1px solid #fcc222;}
Shades and Tints of #fcc222
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, #0b0800 is the darkest color, while #fffdf7 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1f1700
#1f1700
rgb(31,23,0)
-
#322501
#322501
rgb(50,37,1)
-
#453301
#453301
rgb(69,51,1)
-
#594101
#594101
rgb(89,65,1)
-
#6c5001
#6c5001
rgb(108,80,1)
-
#7f5e02
#7f5e02
rgb(127,94,2)
-
#936c02
#936c02
rgb(147,108,2)
-
#a67a02
#a67a02
rgb(166,122,2)
-
#b98903
#b98903
rgb(185,137,3)
-
#cd9703
#cd9703
rgb(205,151,3)
-
#e0a503
#e0a503
rgb(224,165,3)
-
#f3b403
#f3b403
rgb(243,180,3)
-
#fcbd0f
#fcbd0f
rgb(252,189,15)
-
#fcc222
#fcc222
rgb(252,194,34)
-
#fcc735
#fcc735
rgb(252,199,53)
-
#fdcd49
#fdcd49
rgb(253,205,73)
-
#fdd25c
#fdd25c
rgb(253,210,92)
-
#fdd76f
#fdd76f
rgb(253,215,111)
-
#fddd83
#fddd83
rgb(253,221,131)
-
#fee296
#fee296
rgb(254,226,150)
-
#fee7a9
#fee7a9
rgb(254,231,169)
-
#feedbd
#feedbd
rgb(254,237,189)
-
#fef2d0
#fef2d0
rgb(254,242,208)
-
#fff7e4
#fff7e4
rgb(255,247,228)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #fcc222
A tone is produced by adding gray to any pure hue. In this case, #959289 is the less saturated color, while #fcc222 is the most saturated one.
-
#959289
#959289
rgb(149,146,137)
-
#9d9681
#9d9681
rgb(157,150,129)
-
#a69a78
#a69a78
rgb(166,154,120)
-
#ae9e70
#ae9e70
rgb(174,158,112)
-
#b7a267
#b7a267
rgb(183,162,103)
-
#c0a65e
#c0a65e
rgb(192,166,94)
-
#c8aa56
#c8aa56
rgb(200,170,86)
-
#d1ae4d
#d1ae4d
rgb(209,174,77)
-
#dab244
#dab244
rgb(218,178,68)
-
#e2b63c
#e2b63c
rgb(226,182,60)
-
#ebba33
#ebba33
rgb(235,186,51)
-
#f3be2b
#f3be2b
rgb(243,190,43)
-
#fcc222
#fcc222
rgb(252,194,34)
Color Blindness Simulator
Below, you can see how #fcc222 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.