#ff80b2 hex color

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

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

● #ff80b2 color description : Very light pink.

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

Hex triplet	ff80b2	`#ff80b2`
RGB Decimal	255, 128, 178	`rgb(255,128,178)`
RGB Percent	100, 50.2, 69.8	`rgb(100%,50.2%,69.8%)`
CMYK	0, 50, 30, 0
HSL	336.4°, 100, 75.1	`hsl(336.4,100%,75.1%)`
HSV (or HSB)	336.4°, 49.8, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	69.41, 53.488, -3.698
XYZ	56.995, 39.917, 46.82
xyY	0.397, 0.278, 39.917
CIE-LCH	69.41, 53.616, 356.045
CIE-LUV	69.41, 79.852, -15.46
Hunter-Lab	63.18, 50.463, 0.288
Binary	11111111, 10000000, 10110010

#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#80ffcd
```
#80ffcd rgb(128,255,205)
```

Complementary Color

#ff80f2
```
#ff80f2 rgb(255,128,242)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#ff8e80
```
#ff8e80 rgb(255,142,128)
```

Analogous Color

#80f2ff
```
#80f2ff rgb(128,242,255)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#80ff8e
```
#80ff8e rgb(128,255,142)
```

Split Complementary Color

#80b2ff
```
#80b2ff rgb(128,178,255)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```

Triadic Color

#cd80ff
```
#cd80ff rgb(205,128,255)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#80ffcd
```
#80ffcd rgb(128,255,205)
```

Tetradic Color

#ff3484
```
#ff3484 rgb(255,52,132)
```
#ff4d93
```
#ff4d93 rgb(255,77,147)
```
#ff67a3
```
#ff67a3 rgb(255,103,163)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#ff9ac1
```
#ff9ac1 rgb(255,154,193)
```
#ffb3d1
```
#ffb3d1 rgb(255,179,209)
```
#ffcde0
```
#ffcde0 rgb(255,205,224)
```

Monochromatic Color

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

#ff80d2
```
#ff80d2 rgb(255,128,210)
```
#ff80c7
```
#ff80c7 rgb(255,128,199)
```
#ff80bd
```
#ff80bd rgb(255,128,189)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#ff80a7
```
#ff80a7 rgb(255,128,167)
```
#ff809d
```
#ff809d rgb(255,128,157)
```
#ff8092
```
#ff8092 rgb(255,128,146)
```

Similar Colors

Text with hexadecimal color #ff80b2

This text has a font color of #ff80b2.

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

#ff80b2 background color

This paragraph has a background color of #ff80b2.

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

#ff80b2 border color

This element has a border color of #ff80b2.

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

CSS codes

.text {color:#ff80b2;}

.background {background-color:#ff80b2;}

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

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, #0a0004 is the darkest color, while #fff6f9 is the lightest one.

#0a0004
```
#0a0004 rgb(10,0,4)
```
#1e000c
```
#1e000c rgb(30,0,12)
```
#320014
```
#320014 rgb(50,0,20)
```
#45001b
```
#45001b rgb(69,0,27)
```
#590023
```
#590023 rgb(89,0,35)
```
#6c002b
```
#6c002b rgb(108,0,43)
```
#800032
```
#800032 rgb(128,0,50)
```
#94003a
```
#94003a rgb(148,0,58)
```
#a70042
```
#a70042 rgb(167,0,66)
```
#bb004a
```
#bb004a rgb(187,0,74)
```
#ce0051
```
#ce0051 rgb(206,0,81)
```
#e20059
```
#e20059 rgb(226,0,89)
```
#f60061
```
#f60061 rgb(246,0,97)
```

Shade Color Variation

#ff0a6b
```
#ff0a6b rgb(255,10,107)
```
#ff1e77
```
#ff1e77 rgb(255,30,119)
```
#ff3282
```
#ff3282 rgb(255,50,130)
```
#ff458e
```
#ff458e rgb(255,69,142)
```
#ff599a
```
#ff599a rgb(255,89,154)
```
#ff6ca6
```
#ff6ca6 rgb(255,108,166)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#ff94be
```
#ff94be rgb(255,148,190)
```
#ffa7ca
```
#ffa7ca rgb(255,167,202)
```
#ffbbd6
```
#ffbbd6 rgb(255,187,214)
```
#ffcee2
```
#ffcee2 rgb(255,206,226)
```
#ffe2ed
```
#ffe2ed rgb(255,226,237)
```
#fff6f9
```
#fff6f9 rgb(255,246,249)
```

Tint Color Variation

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

#c4bbbe
```
#c4bbbe rgb(196,187,190)
```
#c9b6bd
```
#c9b6bd rgb(201,182,189)
```
#ceb1bc
```
#ceb1bc rgb(206,177,188)
```
#d3acbb
```
#d3acbb rgb(211,172,187)
```
#d8a7ba
```
#d8a7ba rgb(216,167,186)
```
#dda2b9
```
#dda2b9 rgb(221,162,185)
```
#e29db8
```
#e29db8 rgb(226,157,184)
```
#e798b7
```
#e798b7 rgb(231,152,183)
```
#eb94b6
```
#eb94b6 rgb(235,148,182)
```
#f08fb5
```
#f08fb5 rgb(240,143,181)
```
#f58ab4
```
#f58ab4 rgb(245,138,180)
```
#fa85b3
```
#fa85b3 rgb(250,133,179)
```
#ff80b2
```
#ff80b2 rgb(255,128,178)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#bda3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7accb Protanopia 1% of men
#bea8ad Deuteranopia 1% of men
#fb8c96 Tritanopia 0.001% of the population

Trichromacy

#c79cc1 Protanomaly 1% of men, 0.01% of women
#d599ae Deuteranomaly 6% of men, 0.4% of women
#fd88a0 Tritanomaly 0.01% of the population

#ff80b2 hex color

#ff80b2 Color Information

#ff80b2 Color Conversion

Color Schemes with #ff80b2

Alternatives to #ff80b2

#ff80b2 Preview

Shades and Tints of #ff80b2

Tones of #ff80b2

Color Blindness Simulator