#ffb2b2 hex color

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

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

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

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

Hex triplet	ffb2b2	`#ffb2b2`
RGB Decimal	255, 178, 178	`rgb(255,178,178)`
RGB Percent	100, 69.8, 69.8	`rgb(100%,69.8%,69.8%)`
CMYK	0, 30, 30, 0
HSL	0°, 100, 84.9	`hsl(0,100%,84.9%)`
HSV (or HSB)	0°, 30.2, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	79.795, 28.051, 11.323
XYZ	65.196, 56.318, 49.554
xyY	0.381, 0.329, 56.318
CIE-LCH	79.795, 30.25, 21.983
CIE-LUV	79.795, 50.312, 10.846
Hunter-Lab	75.045, 23.743, 13.382
Binary	11111111, 10110010, 10110010

#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#b2ffff
```
#b2ffff rgb(178,255,255)
```

Complementary Color

#ffb2d9
```
#ffb2d9 rgb(255,178,217)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#ffd9b2
```
#ffd9b2 rgb(255,217,178)
```

Analogous Color

#b2d9ff
```
#b2d9ff rgb(178,217,255)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#b2ffd9
```
#b2ffd9 rgb(178,255,217)
```

Split Complementary Color

#b2b2ff
```
#b2b2ff rgb(178,178,255)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#b2ffb2
```
#b2ffb2 rgb(178,255,178)
```

Triadic Color

#ffb2ff
```
#ffb2ff rgb(255,178,255)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#b2ffb2
```
#b2ffb2 rgb(178,255,178)
```
#b2ffff
```
#b2ffff rgb(178,255,255)
```

Tetradic Color

#ff6666
```
#ff6666 rgb(255,102,102)
```
#ff7f7f
```
#ff7f7f rgb(255,127,127)
```
#ff9999
```
#ff9999 rgb(255,153,153)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#ffcccc
```
#ffcccc rgb(255,204,204)
```
#ffe5e5
```
#ffe5e5 rgb(255,229,229)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffb2c5
```
#ffb2c5 rgb(255,178,197)
```
#ffb2bf
```
#ffb2bf rgb(255,178,191)
```
#ffb2b8
```
#ffb2b8 rgb(255,178,184)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#ffb8b2
```
#ffb8b2 rgb(255,184,178)
```
#ffbfb2
```
#ffbfb2 rgb(255,191,178)
```
#ffc5b2
```
#ffc5b2 rgb(255,197,178)
```

Similar Colors

Text with hexadecimal color #ffb2b2

This text has a font color of #ffb2b2.

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

#ffb2b2 background color

This paragraph has a background color of #ffb2b2.

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

#ffb2b2 border color

This element has a border color of #ffb2b2.

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

CSS codes

.text {color:#ffb2b2;}

.background {background-color:#ffb2b2;}

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

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 #ffeded is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#150000
```
#150000 rgb(21,0,0)
```
#290000
```
#290000 rgb(41,0,0)
```
#3c0000
```
#3c0000 rgb(60,0,0)
```
#500000
```
#500000 rgb(80,0,0)
```
#640000
```
#640000 rgb(100,0,0)
```
#770000
```
#770000 rgb(119,0,0)
```
#8b0000
```
#8b0000 rgb(139,0,0)
```
#9e0000
```
#9e0000 rgb(158,0,0)
```
#b20000
```
#b20000 rgb(178,0,0)
```
#c60000
```
#c60000 rgb(198,0,0)
```
#d90000
```
#d90000 rgb(217,0,0)
```
#ed0000
```
#ed0000 rgb(237,0,0)
```

Shade Color Variation

#ff0101
```
#ff0101 rgb(255,1,1)
```
#ff1515
```
#ff1515 rgb(255,21,21)
```
#ff2929
```
#ff2929 rgb(255,41,41)
```
#ff3c3c
```
#ff3c3c rgb(255,60,60)
```
#ff5050
```
#ff5050 rgb(255,80,80)
```
#ff6464
```
#ff6464 rgb(255,100,100)
```
#ff7777
```
#ff7777 rgb(255,119,119)
```
#ff8b8b
```
#ff8b8b rgb(255,139,139)
```
#ff9e9e
```
#ff9e9e rgb(255,158,158)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#ffc6c6
```
#ffc6c6 rgb(255,198,198)
```
#ffd9d9
```
#ffd9d9 rgb(255,217,217)
```
#ffeded
```
#ffeded rgb(255,237,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 #ffb2b2 is the most saturated one.

#dbd6d6
```
#dbd6d6 rgb(219,214,214)
```
#ded3d3
```
#ded3d3 rgb(222,211,211)
```
#e1d0d0
```
#e1d0d0 rgb(225,208,208)
```
#e4cdcd
```
#e4cdcd rgb(228,205,205)
```
#e7caca
```
#e7caca rgb(231,202,202)
```
#eac7c7
```
#eac7c7 rgb(234,199,199)
```
#edc4c4
```
#edc4c4 rgb(237,196,196)
```
#f0c1c1
```
#f0c1c1 rgb(240,193,193)
```
#f3bebe
```
#f3bebe rgb(243,190,190)
```
#f6bbbb
```
#f6bbbb rgb(246,187,187)
```
#f9b8b8
```
#f9b8b8 rgb(249,184,184)
```
#fcb5b5
```
#fcb5b5 rgb(252,181,181)
```
#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d4c4c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec7be Protanopia 1% of men
#e3c1b2 Deuteranopia 1% of men
#ffb4c0 Tritanopia 0.001% of the population

Trichromacy

#e0bfba Protanomaly 1% of men, 0.01% of women
#edbcb2 Deuteranomaly 6% of men, 0.4% of women
#ffb3bb Tritanomaly 0.01% of the population

#ffb2b2 hex color

#ffb2b2 Color Information

#ffb2b2 Color Conversion

Color Schemes with #ffb2b2

Alternatives to #ffb2b2

#ffb2b2 Preview

Shades and Tints of #ffb2b2

Tones of #ffb2b2

Color Blindness Simulator