#fcc551 Color Information
In a RGB color space, hex #fcc551 is composed of 98.8% red, 77.3% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.8% magenta, 67.9% yellow and 1.2% black. It has a hue angle of 40.7 degrees, a saturation of 96.6% and a lightness of 65.3%. #fcc551 color hex could be obtained by blending #ffffa2 with #f98b00. Closest websafe color is: #ffcc66.
-
- R 99
- G 77
- B 32
-
- C 0
- M 22
- Y 68
- K 1
● #fcc551 color description : Soft orange.
#fcc551 Color Conversion
The hexadecimal color #fcc551 has RGB values of R:252, G:197, B:81 and CMYK values of C:0, M:0.22, Y:0.68, K:0.01. Its decimal value is 16565585.
Hex triplet | fcc551 | #fcc551 |
---|---|---|
RGB Decimal | 252, 197, 81 | rgb(252,197,81) |
RGB Percent | 98.8, 77.3, 31.8 | rgb(98.8%,77.3%,31.8%) |
CMYK | 0, 22, 68, 1 | |
HSL | 40.7°, 96.6, 65.3 | hsl(40.7,96.6%,65.3%) |
HSV (or HSB) | 40.7°, 67.9, 98.8 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.5, 8.124, 63.507 |
---|---|
XYZ | 61.597, 61.225, 16.357 |
xyY | 0.443, 0.44, 61.225 |
CIE-LCH | 82.5, 64.024, 82.71 |
CIE-LUV | 82.5, 44.61, 72.003 |
Hunter-Lab | 78.246, 3.588, 42.378 |
Binary | 11111100, 11000101, 01010001 |
Color Schemes with #fcc551
Alternatives to #fcc551
Below, you can see some colors close to #fcc551. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc551 Preview
This text has a font color of #fcc551.
<span style="color:#fcc551;">Text here</span>
This paragraph has a background color of #fcc551.
<p style="background-color:#fcc551;">Content here</p>
This element has a border color of #fcc551.
<div style="border:1px solid #fcc551;">Content here</div>
.text {color:#fcc551;}
.background {background-color:#fcc551;}
.border {border:1px solid #fcc551;}
Shades and Tints of #fcc551
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, #130d00 is the darkest color, while #ffffff is the lightest one.
-
#130d00
#130d00
rgb(19,13,0)
-
#261a01
#261a01
rgb(38,26,1)
-
#392701
#392701
rgb(57,39,1)
-
#4d3401
#4d3401
rgb(77,52,1)
-
#604202
#604202
rgb(96,66,2)
-
#734f02
#734f02
rgb(115,79,2)
-
#875c02
#875c02
rgb(135,92,2)
-
#9a6903
#9a6903
rgb(154,105,3)
-
#ad7603
#ad7603
rgb(173,118,3)
-
#c08403
#c08403
rgb(192,132,3)
-
#d49104
#d49104
rgb(212,145,4)
-
#e79e04
#e79e04
rgb(231,158,4)
-
#faab04
#faab04
rgb(250,171,4)
-
#fbb217
#fbb217
rgb(251,178,23)
-
#fbb82a
#fbb82a
rgb(251,184,42)
-
#fcbf3e
#fcbf3e
rgb(252,191,62)
-
#fcc551
#fcc551
rgb(252,197,81)
-
#fccb64
#fccb64
rgb(252,203,100)
-
#fdd278
#fdd278
rgb(253,210,120)
-
#fdd88b
#fdd88b
rgb(253,216,139)
-
#fddf9e
#fddf9e
rgb(253,223,158)
-
#fee5b1
#fee5b1
rgb(254,229,177)
-
#feecc5
#feecc5
rgb(254,236,197)
-
#fef2d8
#fef2d8
rgb(254,242,216)
-
#fff8eb
#fff8eb
rgb(255,248,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #fcc551
A tone is produced by adding gray to any pure hue. In this case, #aaa8a3 is the less saturated color, while #fcc551 is the most saturated one.
-
#aaa8a3
#aaa8a3
rgb(170,168,163)
-
#b1aa9c
#b1aa9c
rgb(177,170,156)
-
#b8ad95
#b8ad95
rgb(184,173,149)
-
#bfaf8e
#bfaf8e
rgb(191,175,142)
-
#c6b287
#c6b287
rgb(198,178,135)
-
#ccb481
#ccb481
rgb(204,180,129)
-
#d3b67a
#d3b67a
rgb(211,182,122)
-
#dab973
#dab973
rgb(218,185,115)
-
#e1bb6c
#e1bb6c
rgb(225,187,108)
-
#e8be65
#e8be65
rgb(232,190,101)
-
#eec05f
#eec05f
rgb(238,192,95)
-
#f5c358
#f5c358
rgb(245,195,88)
-
#fcc551
#fcc551
rgb(252,197,81)
Color Blindness Simulator
Below, you can see how #fcc551 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.