#ffbdb2 hex color

In a RGB color space, hex #ffbdb2 is composed of 100% red, 74.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 30.2% yellow and 0% black. It has a hue angle of 8.6 degrees, a saturation of 100% and a lightness of 84.9%. #ffbdb2 color hex could be obtained by blending #ffffff with #ff7b65. Closest websafe color is: #ffcc99.

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

● #ffbdb2 color description : Pale red [Pink tone].

The hexadecimal color #ffbdb2 has RGB values of R:255, G:189, B:178 and CMYK values of C:0, M:0.26, Y:0.3, K:0. Its decimal value is 16760242.

Hex triplet	ffbdb2	`#ffbdb2`
RGB Decimal	255, 189, 178	`rgb(255,189,178)`
RGB Percent	100, 74.1, 69.8	`rgb(100%,74.1%,69.8%)`
CMYK	0, 26, 30, 0
HSL	8.6°, 100, 84.9	`hsl(8.6,100%,84.9%)`
HSV (or HSB)	8.6°, 30.2, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.31, 22.283, 14.879
XYZ	67.473, 60.872, 50.313
xyY	0.378, 0.341, 60.872
CIE-LCH	82.31, 26.794, 33.732
CIE-LUV	82.31, 43.537, 16.956
Hunter-Lab	78.021, 17.832, 16.381
Binary	11111111, 10111101, 10110010

#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#b2f4ff
```
#b2f4ff rgb(178,244,255)
```

Complementary Color

#ffb2ce
```
#ffb2ce rgb(255,178,206)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#ffe4b2
```
#ffe4b2 rgb(255,228,178)
```

Analogous Color

#b2ceff
```
#b2ceff rgb(178,206,255)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#b2ffe4
```
#b2ffe4 rgb(178,255,228)
```

Split Complementary Color

#bdb2ff
```
#bdb2ff rgb(189,178,255)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#b2ffbd
```
#b2ffbd rgb(178,255,189)
```

Triadic Color

#ffb2f4
```
#ffb2f4 rgb(255,178,244)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#b2ffbd
```
#b2ffbd rgb(178,255,189)
```
#b2f4ff
```
#b2f4ff rgb(178,244,255)
```

Tetradic Color

#ff7b66
```
#ff7b66 rgb(255,123,102)
```
#ff917f
```
#ff917f rgb(255,145,127)
```
#ffa799
```
#ffa799 rgb(255,167,153)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#ffd3cc
```
#ffd3cc rgb(255,211,204)
```
#ffe9e5
```
#ffe9e5 rgb(255,233,229)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffb2ba
```
#ffb2ba rgb(255,178,186)
```
#ffb2b4
```
#ffb2b4 rgb(255,178,180)
```
#ffb7b2
```
#ffb7b2 rgb(255,183,178)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#ffc3b2
```
#ffc3b2 rgb(255,195,178)
```
#ffcab2
```
#ffcab2 rgb(255,202,178)
```
#ffd0b2
```
#ffd0b2 rgb(255,208,178)
```

Similar Colors

Text with hexadecimal color #ffbdb2

This text has a font color of #ffbdb2.

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

#ffbdb2 background color

This paragraph has a background color of #ffbdb2.

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

#ffbdb2 border color

This element has a border color of #ffbdb2.

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

CSS codes

.text {color:#ffbdb2;}

.background {background-color:#ffbdb2;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150300
```
#150300 rgb(21,3,0)
```
#290600
```
#290600 rgb(41,6,0)
```
#3c0900
```
#3c0900 rgb(60,9,0)
```
#500b00
```
#500b00 rgb(80,11,0)
```
#640e00
```
#640e00 rgb(100,14,0)
```
#771100
```
#771100 rgb(119,17,0)
```
#8b1400
```
#8b1400 rgb(139,20,0)
```
#9e1700
```
#9e1700 rgb(158,23,0)
```
#b21900
```
#b21900 rgb(178,25,0)
```
#c61c00
```
#c61c00 rgb(198,28,0)
```
#d91f00
```
#d91f00 rgb(217,31,0)
```
#ed2200
```
#ed2200 rgb(237,34,0)
```

Shade Color Variation

#ff2601
```
#ff2601 rgb(255,38,1)
```
#ff3615
```
#ff3615 rgb(255,54,21)
```
#ff4729
```
#ff4729 rgb(255,71,41)
```
#ff583c
```
#ff583c rgb(255,88,60)
```
#ff6950
```
#ff6950 rgb(255,105,80)
```
#ff7a64
```
#ff7a64 rgb(255,122,100)
```
#ff8b77
```
#ff8b77 rgb(255,139,119)
```
#ff9b8b
```
#ff9b8b rgb(255,155,139)
```
#ffac9e
```
#ffac9e rgb(255,172,158)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```
#ffcec6
```
#ffcec6 rgb(255,206,198)
```
#ffdfd9
```
#ffdfd9 rgb(255,223,217)
```
#ffefed
```
#ffefed rgb(255,239,237)
```

Tint Color Variation

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

#dbd6d6
```
#dbd6d6 rgb(219,214,214)
```
#ded4d3
```
#ded4d3 rgb(222,212,211)
```
#e1d2d0
```
#e1d2d0 rgb(225,210,208)
```
#e4d0cd
```
#e4d0cd rgb(228,208,205)
```
#e7ceca
```
#e7ceca rgb(231,206,202)
```
#eaccc7
```
#eaccc7 rgb(234,204,199)
```
#edcac4
```
#edcac4 rgb(237,202,196)
```
#f0c8c1
```
#f0c8c1 rgb(240,200,193)
```
#f3c5be
```
#f3c5be rgb(243,197,190)
```
#f6c3bb
```
#f6c3bb rgb(246,195,187)
```
#f9c1b8
```
#f9c1b8 rgb(249,193,184)
```
#fcbfb5
```
#fcbfb5 rgb(252,191,181)
```
#ffbdb2
```
#ffbdb2 rgb(255,189,178)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d9cbc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cebc Protanopia 1% of men
#ecc8b3 Deuteranopia 1% of men
#ffbeca Tritanopia 0.001% of the population

Trichromacy

#e5c8b8 Protanomaly 1% of men, 0.01% of women
#f3c4b3 Deuteranomaly 6% of men, 0.4% of women
#ffbdc1 Tritanomaly 0.01% of the population

#ffbdb2 hex color

#ffbdb2 Color Information

#ffbdb2 Color Conversion

Color Schemes with #ffbdb2

Alternatives to #ffbdb2

#ffbdb2 Preview

Shades and Tints of #ffbdb2

Tones of #ffbdb2

Color Blindness Simulator