#ffb4bd hex color

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

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

● #ffb4bd color description : Pale red.

The hexadecimal color #ffb4bd has RGB values of R:255, G:180, B:189 and CMYK values of C:0, M:0.29, Y:0.26, K:0. Its decimal value is 16757949.

Hex triplet	ffb4bd	`#ffb4bd`
RGB Decimal	255, 180, 189	`rgb(255,180,189)`
RGB Percent	100, 70.6, 74.1	`rgb(100%,70.6%,74.1%)`
CMYK	0, 29, 26, 0
HSL	352.8°, 100, 85.3	`hsl(352.8,100%,85.3%)`
HSV (or HSB)	352.8°, 29.4, 100
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.504, 28.458, 6.395
XYZ	66.746, 57.58, 55.74
xyY	0.371, 0.32, 57.58
CIE-LCH	80.504, 29.168, 12.665
CIE-LUV	80.504, 47.505, 3.95
Hunter-Lab	75.881, 24.219, 9.565
Binary	11111111, 10110100, 10111101

#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#b4fff6
```
#b4fff6 rgb(180,255,246)
```

Complementary Color

#ffb4e3
```
#ffb4e3 rgb(255,180,227)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#ffd1b4
```
#ffd1b4 rgb(255,209,180)
```

Analogous Color

#b4e3ff
```
#b4e3ff rgb(180,227,255)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#b4ffd1
```
#b4ffd1 rgb(180,255,209)
```

Split Complementary Color

#b4bdff
```
#b4bdff rgb(180,189,255)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#bdffb4
```
#bdffb4 rgb(189,255,180)
```

Triadic Color

#f6b4ff
```
#f6b4ff rgb(246,180,255)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#bdffb4
```
#bdffb4 rgb(189,255,180)
```
#b4fff6
```
#b4fff6 rgb(180,255,246)
```

Tetradic Color

#ff687a
```
#ff687a rgb(255,104,122)
```
#ff8190
```
#ff8190 rgb(255,129,144)
```
#ff9ba7
```
#ff9ba7 rgb(255,155,167)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#ffced3
```
#ffced3 rgb(255,206,211)
```
#ffe7ea
```
#ffe7ea rgb(255,231,234)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffb4d0
```
#ffb4d0 rgb(255,180,208)
```
#ffb4ca
```
#ffb4ca rgb(255,180,202)
```
#ffb4c3
```
#ffb4c3 rgb(255,180,195)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#ffb4b7
```
#ffb4b7 rgb(255,180,183)
```
#ffb8b4
```
#ffb8b4 rgb(255,184,180)
```
#ffbeb4
```
#ffbeb4 rgb(255,190,180)
```

Similar Colors

Text with hexadecimal color #ffb4bd

This text has a font color of #ffb4bd.

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

#ffb4bd background color

This paragraph has a background color of #ffb4bd.

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

#ffb4bd border color

This element has a border color of #ffb4bd.

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

CSS codes

.text {color:#ffb4bd;}

.background {background-color:#ffb4bd;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#170003
```
#170003 rgb(23,0,3)
```
#2b0005
```
#2b0005 rgb(43,0,5)
```
#3e0007
```
#3e0007 rgb(62,0,7)
```
#52000a
```
#52000a rgb(82,0,10)
```
#66000c
```
#66000c rgb(102,0,12)
```
#79000f
```
#79000f rgb(121,0,15)
```
#8d0011
```
#8d0011 rgb(141,0,17)
```
#a00013
```
#a00013 rgb(160,0,19)
```
#b40016
```
#b40016 rgb(180,0,22)
```
#c80018
```
#c80018 rgb(200,0,24)
```
#db001a
```
#db001a rgb(219,0,26)
```
#ef001d
```
#ef001d rgb(239,0,29)
```

Shade Color Variation

#ff0322
```
#ff0322 rgb(255,3,34)
```
#ff1733
```
#ff1733 rgb(255,23,51)
```
#ff2b44
```
#ff2b44 rgb(255,43,68)
```
#ff3e55
```
#ff3e55 rgb(255,62,85)
```
#ff5267
```
#ff5267 rgb(255,82,103)
```
#ff6678
```
#ff6678 rgb(255,102,120)
```
#ff7989
```
#ff7989 rgb(255,121,137)
```
#ff8d9a
```
#ff8d9a rgb(255,141,154)
```
#ffa0ac
```
#ffa0ac rgb(255,160,172)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```
#ffc8ce
```
#ffc8ce rgb(255,200,206)
```
#ffdbe0
```
#ffdbe0 rgb(255,219,224)
```
#ffeff1
```
#ffeff1 rgb(255,239,241)
```

Tint Color Variation

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

#dcd7d7
```
#dcd7d7 rgb(220,215,215)
```
#dfd4d5
```
#dfd4d5 rgb(223,212,213)
```
#e2d1d3
```
#e2d1d3 rgb(226,209,211)
```
#e5ced1
```
#e5ced1 rgb(229,206,209)
```
#e8cbcf
```
#e8cbcf rgb(232,203,207)
```
#ebc8cc
```
#ebc8cc rgb(235,200,204)
```
#eec5ca
```
#eec5ca rgb(238,197,202)
```
#f1c2c8
```
#f1c2c8 rgb(241,194,200)
```
#f3c0c6
```
#f3c0c6 rgb(243,192,198)
```
#f6bdc4
```
#f6bdc4 rgb(246,189,196)
```
#f9bac1
```
#f9bac1 rgb(249,186,193)
```
#fcb7bf
```
#fcb7bf rgb(252,183,191)
```
#ffb4bd
```
#ffb4bd rgb(255,180,189)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5c6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec9c9 Protanopia 1% of men
#e2c4bc Deuteranopia 1% of men
#ffb7c4 Tritanopia 0.001% of the population

Trichromacy

#dfc1c4 Protanomaly 1% of men, 0.01% of women
#ecbebc Deuteranomaly 6% of men, 0.4% of women
#ffb6c1 Tritanomaly 0.01% of the population

#ffb4bd hex color

#ffb4bd Color Information

#ffb4bd Color Conversion

Color Schemes with #ffb4bd

Alternatives to #ffb4bd

#ffb4bd Preview

Shades and Tints of #ffb4bd

Tones of #ffb4bd

Color Blindness Simulator