#ffccc2 Color Information
In a RGB color space, hex #ffccc2 is composed of 100% red, 80% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 23.9% yellow and 0% black. It has a hue angle of 9.8 degrees, a saturation of 100% and a lightness of 88%. #ffccc2 color hex could be obtained by blending #ffffff with #ff9985. Closest websafe color is: #ffcccc.
-
- R 100
- G 80
- B 76
-
- C 0
- M 20
- Y 24
- K 0
● #ffccc2 color description : Very pale red [Pink tone].
#ffccc2 Color Conversion
The hexadecimal color #ffccc2 has RGB values of R:255, G:204, B:194 and CMYK values of C:0, M:0.2, Y:0.24, K:0. Its decimal value is 16764098.
Hex triplet | ffccc2 | #ffccc2 |
---|---|---|
RGB Decimal | 255, 204, 194 | rgb(255,204,194) |
RGB Percent | 100, 80, 76.1 | rgb(100%,80%,76.1%) |
CMYK | 0, 20, 24, 0 | |
HSL | 9.8°, 100, 88 | hsl(9.8,100%,88%) |
HSV (or HSB) | 9.8°, 23.9, 100 | |
Web Safe | ffcccc | #ffcccc |
CIE-LAB | 86.178, 16.571, 11.832 |
---|---|
XYZ | 72.57, 68.343, 60.405 |
xyY | 0.36, 0.339, 68.343 |
CIE-LCH | 86.178, 20.362, 35.527 |
CIE-LUV | 86.178, 32.635, 14.119 |
Hunter-Lab | 82.67, 12.019, 14.547 |
Binary | 11111111, 11001100, 11000010 |
Color Schemes with #ffccc2
Alternatives to #ffccc2
Below, you can see some colors close to #ffccc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffccc2 Preview
This text has a font color of #ffccc2.
<span style="color:#ffccc2;">Text here</span>
This paragraph has a background color of #ffccc2.
<p style="background-color:#ffccc2;">Content here</p>
This element has a border color of #ffccc2.
<div style="border:1px solid #ffccc2;">Content here</div>
.text {color:#ffccc2;}
.background {background-color:#ffccc2;}
.border {border:1px solid #ffccc2;}
Shades and Tints of #ffccc2
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, #110300 is the darkest color, while #fffdfd is the lightest one.
-
#110300
#110300
rgb(17,3,0)
-
#250600
#250600
rgb(37,6,0)
-
#390900
#390900
rgb(57,9,0)
-
#4c0d00
#4c0d00
rgb(76,13,0)
-
#601000
#601000
rgb(96,16,0)
-
#741300
#741300
rgb(116,19,0)
-
#871600
#871600
rgb(135,22,0)
-
#9b1900
#9b1900
rgb(155,25,0)
-
#ae1d00
#ae1d00
rgb(174,29,0)
-
#c22000
#c22000
rgb(194,32,0)
-
#d62300
#d62300
rgb(214,35,0)
-
#e92600
#e92600
rgb(233,38,0)
-
#fd2900
#fd2900
rgb(253,41,0)
-
#ff3811
#ff3811
rgb(255,56,17)
-
#ff4925
#ff4925
rgb(255,73,37)
-
#ff5939
#ff5939
rgb(255,89,57)
-
#ff6a4c
#ff6a4c
rgb(255,106,76)
-
#ff7a60
#ff7a60
rgb(255,122,96)
-
#ff8a74
#ff8a74
rgb(255,138,116)
-
#ff9b87
#ff9b87
rgb(255,155,135)
-
#ffab9b
#ffab9b
rgb(255,171,155)
-
#ffbcae
#ffbcae
rgb(255,188,174)
-
#ffccc2
#ffccc2
rgb(255,204,194)
-
#ffdcd6
#ffdcd6
rgb(255,220,214)
-
#ffede9
#ffede9
rgb(255,237,233)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #ffccc2
A tone is produced by adding gray to any pure hue. In this case, #e3dfde is the less saturated color, while #ffccc2 is the most saturated one.
-
#e3dfde
#e3dfde
rgb(227,223,222)
-
#e5dddc
#e5dddc
rgb(229,221,220)
-
#e8dcd9
#e8dcd9
rgb(232,220,217)
-
#eadad7
#eadad7
rgb(234,218,215)
-
#ecd9d5
#ecd9d5
rgb(236,217,213)
-
#efd7d2
#efd7d2
rgb(239,215,210)
-
#f1d5d0
#f1d5d0
rgb(241,213,208)
-
#f3d4ce
#f3d4ce
rgb(243,212,206)
-
#f6d2cb
#f6d2cb
rgb(246,210,203)
-
#f8d1c9
#f8d1c9
rgb(248,209,201)
-
#facfc7
#facfc7
rgb(250,207,199)
-
#fdcec4
#fdcec4
rgb(253,206,196)
-
#ffccc2
#ffccc2
rgb(255,204,194)
Color Blindness Simulator
Below, you can see how #ffccc2 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.