#ffccc4 Color Information
In a RGB color space, hex #ffccc4 is composed of 100% red, 80% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 23.1% yellow and 0% black. It has a hue angle of 8.1 degrees, a saturation of 100% and a lightness of 88.4%. #ffccc4 color hex could be obtained by blending #ffffff with #ff9989. Closest websafe color is: #ffcccc.
-
- R 100
- G 80
- B 77
-
- C 0
- M 20
- Y 23
- K 0
● #ffccc4 color description : Very pale red [Pink tone].
#ffccc4 Color Conversion
The hexadecimal color #ffccc4 has RGB values of R:255, G:204, B:196 and CMYK values of C:0, M:0.2, Y:0.23, K:0. Its decimal value is 16764100.
Hex triplet | ffccc4 | #ffccc4 |
---|---|---|
RGB Decimal | 255, 204, 196 | rgb(255,204,196) |
RGB Percent | 100, 80, 76.9 | rgb(100%,80%,76.9%) |
CMYK | 0, 20, 23, 0 | |
HSL | 8.1°, 100, 88.4 | hsl(8.1,100%,88.4%) |
HSV (or HSB) | 8.1°, 23.1, 100 | |
Web Safe | ffcccc | #ffcccc |
CIE-LAB | 86.223, 16.851, 10.836 |
---|---|
XYZ | 72.796, 68.434, 61.596 |
xyY | 0.359, 0.337, 68.434 |
CIE-LCH | 86.223, 20.035, 32.744 |
CIE-LUV | 86.223, 32.42, 12.672 |
Hunter-Lab | 82.725, 12.308, 13.76 |
Binary | 11111111, 11001100, 11000100 |
Color Schemes with #ffccc4
Alternatives to #ffccc4
Below, you can see some colors close to #ffccc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffccc4 Preview
This text has a font color of #ffccc4.
<span style="color:#ffccc4;">Text here</span>
This paragraph has a background color of #ffccc4.
<p style="background-color:#ffccc4;">Content here</p>
This element has a border color of #ffccc4.
<div style="border:1px solid #ffccc4;">Content here</div>
.text {color:#ffccc4;}
.background {background-color:#ffccc4;}
.border {border:1px solid #ffccc4;}
Shades and Tints of #ffccc4
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, #130300 is the darkest color, while #ffffff is the lightest one.
-
#130300
#130300
rgb(19,3,0)
-
#270500
#270500
rgb(39,5,0)
-
#3b0800
#3b0800
rgb(59,8,0)
-
#4e0b00
#4e0b00
rgb(78,11,0)
-
#620d00
#620d00
rgb(98,13,0)
-
#761000
#761000
rgb(118,16,0)
-
#891300
#891300
rgb(137,19,0)
-
#9d1500
#9d1500
rgb(157,21,0)
-
#b01800
#b01800
rgb(176,24,0)
-
#c41b00
#c41b00
rgb(196,27,0)
-
#d81d00
#d81d00
rgb(216,29,0)
-
#eb2000
#eb2000
rgb(235,32,0)
-
#ff2300
#ff2300
rgb(255,35,0)
-
#ff3313
#ff3313
rgb(255,51,19)
-
#ff4427
#ff4427
rgb(255,68,39)
-
#ff553b
#ff553b
rgb(255,85,59)
-
#ff664e
#ff664e
rgb(255,102,78)
-
#ff7762
#ff7762
rgb(255,119,98)
-
#ff8876
#ff8876
rgb(255,136,118)
-
#ff9989
#ff9989
rgb(255,153,137)
-
#ffaa9d
#ffaa9d
rgb(255,170,157)
-
#ffbbb0
#ffbbb0
rgb(255,187,176)
-
#ffccc4
#ffccc4
rgb(255,204,196)
-
#ffddd8
#ffddd8
rgb(255,221,216)
-
#ffeeeb
#ffeeeb
rgb(255,238,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffccc4
A tone is produced by adding gray to any pure hue. In this case, #e4e0df is the less saturated color, while #ffccc4 is the most saturated one.
-
#e4e0df
#e4e0df
rgb(228,224,223)
-
#e6dedd
#e6dedd
rgb(230,222,221)
-
#e8dddb
#e8dddb
rgb(232,221,219)
-
#ebdbd8
#ebdbd8
rgb(235,219,216)
-
#edd9d6
#edd9d6
rgb(237,217,214)
-
#efd8d4
#efd8d4
rgb(239,216,212)
-
#f1d6d2
#f1d6d2
rgb(241,214,210)
-
#f4d4cf
#f4d4cf
rgb(244,212,207)
-
#f6d3cd
#f6d3cd
rgb(246,211,205)
-
#f8d1cb
#f8d1cb
rgb(248,209,203)
-
#facfc9
#facfc9
rgb(250,207,201)
-
#fdcec6
#fdcec6
rgb(253,206,198)
-
#ffccc4
#ffccc4
rgb(255,204,196)
Color Blindness Simulator
Below, you can see how #ffccc4 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.