#ffb4cc hex color

In a RGB color space, hex #ffb4cc is composed of 100% red, 70.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 20% yellow and 0% black. It has a hue angle of 340.8 degrees, a saturation of 100% and a lightness of 85.3%. #ffb4cc color hex could be obtained by blending #ffffff with #ff6999. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 100
- G 71
- B 80
RGB color chart
- C 0
- M 29
- Y 20
- K 0
CMYK color chart

● #ffb4cc color description : Pale pink.

The hexadecimal color #ffb4cc has RGB values of R:255, G:180, B:204 and CMYK values of C:0, M:0.29, Y:0.2, K:0. Its decimal value is 16757964.

Hex triplet	ffb4cc	`#ffb4cc`
RGB Decimal	255, 180, 204	`rgb(255,180,204)`
RGB Percent	100, 70.6, 80	`rgb(100%,70.6%,80%)`
CMYK	0, 29, 20, 0
HSL	340.8°, 100, 85.3	`hsl(340.8,100%,85.3%)`
HSV (or HSB)	340.8°, 29.4, 100
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.886, 30.585, -1.153
XYZ	68.46, 58.265, 64.764
xyY	0.358, 0.304, 58.265
CIE-LCH	80.886, 30.607, 357.841
CIE-LUV	80.886, 45.28, -7.386
Hunter-Lab	76.331, 26.512, 3.127
Binary	11111111, 10110100, 11001100

#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#b4ffe7
```
#b4ffe7 rgb(180,255,231)
```

Complementary Color

#ffb4f2
```
#ffb4f2 rgb(255,180,242)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ffc2b4
```
#ffc2b4 rgb(255,194,180)
```

Analogous Color

#b4f2ff
```
#b4f2ff rgb(180,242,255)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#b4ffc2
```
#b4ffc2 rgb(180,255,194)
```

Split Complementary Color

#b4ccff
```
#b4ccff rgb(180,204,255)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ccffb4
```
#ccffb4 rgb(204,255,180)
```

Triadic Color

#e7b4ff
```
#e7b4ff rgb(231,180,255)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ccffb4
```
#ccffb4 rgb(204,255,180)
```
#b4ffe7
```
#b4ffe7 rgb(180,255,231)
```

Tetradic Color

#ff6898
```
#ff6898 rgb(255,104,152)
```
#ff81a9
```
#ff81a9 rgb(255,129,169)
```
#ff9bbb
```
#ff9bbb rgb(255,155,187)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ffcedd
```
#ffcedd rgb(255,206,221)
```
#ffe7ef
```
#ffe7ef rgb(255,231,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #ffb4cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ffb4df
```
#ffb4df rgb(255,180,223)
```
#ffb4d9
```
#ffb4d9 rgb(255,180,217)
```
#ffb4d2
```
#ffb4d2 rgb(255,180,210)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ffb4c6
```
#ffb4c6 rgb(255,180,198)
```
#ffb4c0
```
#ffb4c0 rgb(255,180,192)
```
#ffb4b9
```
#ffb4b9 rgb(255,180,185)
```

Similar Colors

Text with hexadecimal color #ffb4cc

This text has a font color of #ffb4cc.

<span style="color:#ffb4cc;">Text here</span>

#ffb4cc background color

This paragraph has a background color of #ffb4cc.

<p style="background-color:#ffb4cc;">Content here</p>

#ffb4cc border color

This element has a border color of #ffb4cc.

<div style="border:1px solid #ffb4cc;">Content here</div>

CSS codes

.text {color:#ffb4cc;}

.background {background-color:#ffb4cc;}

.border {border:1px solid #ffb4cc;}

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, #030001 is the darkest color, while #ffeff4 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#170007
```
#170007 rgb(23,0,7)
```
#2b000e
```
#2b000e rgb(43,0,14)
```
#3e0014
```
#3e0014 rgb(62,0,20)
```
#52001a
```
#52001a rgb(82,0,26)
```
#660020
```
#660020 rgb(102,0,32)
```
#790027
```
#790027 rgb(121,0,39)
```
#8d002d
```
#8d002d rgb(141,0,45)
```
#a00033
```
#a00033 rgb(160,0,51)
```
#b4003a
```
#b4003a rgb(180,0,58)
```
#c80040
```
#c80040 rgb(200,0,64)
```
#db0046
```
#db0046 rgb(219,0,70)
```
#ef004c
```
#ef004c rgb(239,0,76)
```

Shade Color Variation

#ff0354
```
#ff0354 rgb(255,3,84)
```
#ff1761
```
#ff1761 rgb(255,23,97)
```
#ff2b6f
```
#ff2b6f rgb(255,43,111)
```
#ff3e7c
```
#ff3e7c rgb(255,62,124)
```
#ff5289
```
#ff5289 rgb(255,82,137)
```
#ff6697
```
#ff6697 rgb(255,102,151)
```
#ff79a4
```
#ff79a4 rgb(255,121,164)
```
#ff8db1
```
#ff8db1 rgb(255,141,177)
```
#ffa0bf
```
#ffa0bf rgb(255,160,191)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```
#ffc8d9
```
#ffc8d9 rgb(255,200,217)
```
#ffdbe7
```
#ffdbe7 rgb(255,219,231)
```
#ffeff4
```
#ffeff4 rgb(255,239,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #dcd7d8 is the less saturated color, while #ffb4cc is the most saturated one.

#dcd7d8
```
#dcd7d8 rgb(220,215,216)
```
#dfd4d7
```
#dfd4d7 rgb(223,212,215)
```
#e2d1d6
```
#e2d1d6 rgb(226,209,214)
```
#e5ced5
```
#e5ced5 rgb(229,206,213)
```
#e8cbd4
```
#e8cbd4 rgb(232,203,212)
```
#ebc8d3
```
#ebc8d3 rgb(235,200,211)
```
#eec5d2
```
#eec5d2 rgb(238,197,210)
```
#f1c2d1
```
#f1c2d1 rgb(241,194,209)
```
#f3c0d0
```
#f3c0d0 rgb(243,192,208)
```
#f6bdcf
```
#f6bdcf rgb(246,189,207)
```
#f9bace
```
#f9bace rgb(249,186,206)
```
#fcb7cd
```
#fcb7cd rgb(252,183,205)
```
#ffb4cc
```
#ffb4cc rgb(255,180,204)
```

Tone Color Variation

Below, you can see how #ffb4cc 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.

Monochromacy

#cdcdcd Achromatopsia 0.005% of the population
#d7c8cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad8 Protanopia 1% of men
#dec5ca Deuteranopia 1% of men
#fdb9c6 Tritanopia 0.001% of the population

Trichromacy

#ddc2d4 Protanomaly 1% of men, 0.01% of women
#eabfcb Deuteranomaly 6% of men, 0.4% of women
#feb7c8 Tritanomaly 0.01% of the population

#ffb4cc hex color

#ffb4cc Color Information

#ffb4cc Color Conversion

Color Schemes with #ffb4cc

Alternatives to #ffb4cc

#ffb4cc Preview

Shades and Tints of #ffb4cc

Tones of #ffb4cc

Color Blindness Simulator