#ffccc6 Color Information
In a RGB color space, hex #ffccc6 is composed of 100% red, 80% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 22.4% yellow and 0% black. It has a hue angle of 6.3 degrees, a saturation of 100% and a lightness of 88.8%. #ffccc6 color hex could be obtained by blending #ffffff with #ff998d. Closest websafe color is: #ffcccc.
-
- R 100
- G 80
- B 78
-
- C 0
- M 20
- Y 22
- K 0
● #ffccc6 color description : Very pale red [Pink tone].
#ffccc6 Color Conversion
The hexadecimal color #ffccc6 has RGB values of R:255, G:204, B:198 and CMYK values of C:0, M:0.2, Y:0.22, K:0. Its decimal value is 16764102.
Hex triplet | ffccc6 | #ffccc6 |
---|---|---|
RGB Decimal | 255, 204, 198 | rgb(255,204,198) |
RGB Percent | 100, 80, 77.6 | rgb(100%,80%,77.6%) |
CMYK | 0, 20, 22, 0 | |
HSL | 6.3°, 100, 88.8 | hsl(6.3,100%,88.8%) |
HSV (or HSB) | 6.3°, 22.4, 100 | |
Web Safe | ffcccc | #ffcccc |
CIE-LAB | 86.268, 17.134, 9.842 |
---|---|
XYZ | 73.025, 68.525, 62.803 |
xyY | 0.357, 0.335, 68.525 |
CIE-LCH | 86.268, 19.759, 29.873 |
CIE-LUV | 86.268, 32.204, 11.217 |
Hunter-Lab | 82.78, 12.6, 12.964 |
Binary | 11111111, 11001100, 11000110 |
Color Schemes with #ffccc6
Alternatives to #ffccc6
Below, you can see some colors close to #ffccc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffccc6 Preview
This text has a font color of #ffccc6.
<span style="color:#ffccc6;">Text here</span>
This paragraph has a background color of #ffccc6.
<p style="background-color:#ffccc6;">Content here</p>
This element has a border color of #ffccc6.
<div style="border:1px solid #ffccc6;">Content here</div>
.text {color:#ffccc6;}
.background {background-color:#ffccc6;}
.border {border:1px solid #ffccc6;}
Shades and Tints of #ffccc6
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, #020000 is the darkest color, while #ffefed is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150200
#150200
rgb(21,2,0)
-
#290400
#290400
rgb(41,4,0)
-
#3d0600
#3d0600
rgb(61,6,0)
-
#500800
#500800
rgb(80,8,0)
-
#640b00
#640b00
rgb(100,11,0)
-
#780d00
#780d00
rgb(120,13,0)
-
#8b0f00
#8b0f00
rgb(139,15,0)
-
#9f1100
#9f1100
rgb(159,17,0)
-
#b21300
#b21300
rgb(178,19,0)
-
#c61500
#c61500
rgb(198,21,0)
-
#da1700
#da1700
rgb(218,23,0)
-
#ed1900
#ed1900
rgb(237,25,0)
-
#ff1c02
#ff1c02
rgb(255,28,2)
-
#ff2e15
#ff2e15
rgb(255,46,21)
-
#ff4029
#ff4029
rgb(255,64,41)
-
#ff513d
#ff513d
rgb(255,81,61)
-
#ff6350
#ff6350
rgb(255,99,80)
-
#ff7464
#ff7464
rgb(255,116,100)
-
#ff8678
#ff8678
rgb(255,134,120)
-
#ff978b
#ff978b
rgb(255,151,139)
-
#ffa99f
#ffa99f
rgb(255,169,159)
-
#ffbab2
#ffbab2
rgb(255,186,178)
-
#ffccc6
#ffccc6
rgb(255,204,198)
-
#ffdeda
#ffdeda
rgb(255,222,218)
-
#ffefed
#ffefed
rgb(255,239,237)
Tones of #ffccc6
A tone is produced by adding gray to any pure hue. In this case, #e5e1e0 is the less saturated color, while #ffccc6 is the most saturated one.
-
#e5e1e0
#e5e1e0
rgb(229,225,224)
-
#e7dfde
#e7dfde
rgb(231,223,222)
-
#e9dddc
#e9dddc
rgb(233,221,220)
-
#ebdcda
#ebdcda
rgb(235,220,218)
-
#eddad8
#eddad8
rgb(237,218,216)
-
#f0d8d5
#f0d8d5
rgb(240,216,213)
-
#f2d6d3
#f2d6d3
rgb(242,214,211)
-
#f4d5d1
#f4d5d1
rgb(244,213,209)
-
#f6d3cf
#f6d3cf
rgb(246,211,207)
-
#f8d1cd
#f8d1cd
rgb(248,209,205)
-
#fbcfca
#fbcfca
rgb(251,207,202)
-
#fdcec8
#fdcec8
rgb(253,206,200)
-
#ffccc6
#ffccc6
rgb(255,204,198)
Color Blindness Simulator
Below, you can see how #ffccc6 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.