#ffbccc Color Information
In a RGB color space, hex #ffbccc is composed of 100% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 20% yellow and 0% black. It has a hue angle of 345.7 degrees, a saturation of 100% and a lightness of 86.9%. #ffbccc color hex could be obtained by blending #ffffff with #ff7999. Closest websafe color is: #ffcccc.
-
- R 100
- G 74
- B 80
-
- C 0
- M 26
- Y 20
- K 0
● #ffbccc color description : Pale red.
#ffbccc Color Conversion
The hexadecimal color #ffbccc has RGB values of R:255, G:188, B:204 and CMYK values of C:0, M:0.26, Y:0.2, K:0. Its decimal value is 16760012.
Hex triplet | ffbccc | #ffbccc |
---|---|---|
RGB Decimal | 255, 188, 204 | rgb(255,188,204) |
RGB Percent | 100, 73.7, 80 | rgb(100%,73.7%,80%) |
CMYK | 0, 26, 20, 0 | |
HSL | 345.7°, 100, 86.9 | hsl(345.7,100%,86.9%) |
HSV (or HSB) | 345.7°, 26.3, 100 | |
Web Safe | ffcccc | #ffcccc |
CIE-LAB | 82.694, 26.388, 1.486 |
---|---|
XYZ | 70.121, 61.589, 65.318 |
xyY | 0.356, 0.313, 61.589 |
CIE-LCH | 82.694, 26.43, 3.224 |
CIE-LUV | 82.694, 40.723, -2.69 |
Hunter-Lab | 78.478, 22.155, 5.588 |
Binary | 11111111, 10111100, 11001100 |
Color Schemes with #ffbccc
Alternatives to #ffbccc
Below, you can see some colors close to #ffbccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbccc Preview
This text has a font color of #ffbccc.
<span style="color:#ffbccc;">Text here</span>
This paragraph has a background color of #ffbccc.
<p style="background-color:#ffbccc;">Content here</p>
This element has a border color of #ffbccc.
<div style="border:1px solid #ffbccc;">Content here</div>
.text {color:#ffbccc;}
.background {background-color:#ffbccc;}
.border {border:1px solid #ffbccc;}
Shades and Tints of #ffbccc
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, #0b0003 is the darkest color, while #fff7f9 is the lightest one.
-
#0b0003
#0b0003
rgb(11,0,3)
-
#1f0007
#1f0007
rgb(31,0,7)
-
#33000c
#33000c
rgb(51,0,12)
-
#460011
#460011
rgb(70,0,17)
-
#5a0015
#5a0015
rgb(90,0,21)
-
#6e001a
#6e001a
rgb(110,0,26)
-
#81001f
#81001f
rgb(129,0,31)
-
#950024
#950024
rgb(149,0,36)
-
#a80028
#a80028
rgb(168,0,40)
-
#bc002d
#bc002d
rgb(188,0,45)
-
#d00032
#d00032
rgb(208,0,50)
-
#e30036
#e30036
rgb(227,0,54)
-
#f7003b
#f7003b
rgb(247,0,59)
-
#ff0b46
#ff0b46
rgb(255,11,70)
-
#ff1f55
#ff1f55
rgb(255,31,85)
-
#ff3363
#ff3363
rgb(255,51,99)
-
#ff4672
#ff4672
rgb(255,70,114)
-
#ff5a81
#ff5a81
rgb(255,90,129)
-
#ff6e90
#ff6e90
rgb(255,110,144)
-
#ff819f
#ff819f
rgb(255,129,159)
-
#ff95ae
#ff95ae
rgb(255,149,174)
-
#ffa8bd
#ffa8bd
rgb(255,168,189)
-
#ffbccc
#ffbccc
rgb(255,188,204)
-
#ffd0db
#ffd0db
rgb(255,208,219)
-
#ffe3ea
#ffe3ea
rgb(255,227,234)
-
#fff7f9
#fff7f9
rgb(255,247,249)
Tones of #ffbccc
A tone is produced by adding gray to any pure hue. In this case, #e0dbdc is the less saturated color, while #ffbccc is the most saturated one.
-
#e0dbdc
#e0dbdc
rgb(224,219,220)
-
#e3d8db
#e3d8db
rgb(227,216,219)
-
#e5d6d9
#e5d6d9
rgb(229,214,217)
-
#e8d3d8
#e8d3d8
rgb(232,211,216)
-
#ead1d7
#ead1d7
rgb(234,209,215)
-
#edced5
#edced5
rgb(237,206,213)
-
#f0cbd4
#f0cbd4
rgb(240,203,212)
-
#f2c9d3
#f2c9d3
rgb(242,201,211)
-
#f5c6d1
#f5c6d1
rgb(245,198,209)
-
#f7c4d0
#f7c4d0
rgb(247,196,208)
-
#fac1cf
#fac1cf
rgb(250,193,207)
-
#fcbfcd
#fcbfcd
rgb(252,191,205)
-
#ffbccc
#ffbccc
rgb(255,188,204)
Color Blindness Simulator
Below, you can see how #ffbccc 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.