#ff80af hex color

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

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

● #ff80af color description : Very light pink.

The hexadecimal color #ff80af has RGB values of R:255, G:128, B:175 and CMYK values of C:0, M:0.5, Y:0.31, K:0. Its decimal value is 16744623.

Hex triplet	ff80af	`#ff80af`
RGB Decimal	255, 128, 175	`rgb(255,128,175)`
RGB Percent	100, 50.2, 68.6	`rgb(100%,50.2%,68.6%)`
CMYK	0, 50, 31, 0
HSL	337.8°, 100, 75.1	`hsl(337.8,100%,75.1%)`
HSV (or HSB)	337.8°, 49.8, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	69.325, 53.119, -2.139
XYZ	56.697, 39.798, 45.251
xyY	0.4, 0.281, 39.798
CIE-LCH	69.325, 53.162, 357.694
CIE-LUV	69.325, 80.614, -13.166
Hunter-Lab	63.085, 50.026, 1.631
Binary	11111111, 10000000, 10101111

#ff80af
```
#ff80af rgb(255,128,175)
```
#80ffd0
```
#80ffd0 rgb(128,255,208)
```

Complementary Color

#ff80ef
```
#ff80ef rgb(255,128,239)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#ff9180
```
#ff9180 rgb(255,145,128)
```

Analogous Color

#80efff
```
#80efff rgb(128,239,255)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#80ff91
```
#80ff91 rgb(128,255,145)
```

Split Complementary Color

#80afff
```
#80afff rgb(128,175,255)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#afff80
```
#afff80 rgb(175,255,128)
```

Triadic Color

#d080ff
```
#d080ff rgb(208,128,255)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#afff80
```
#afff80 rgb(175,255,128)
```
#80ffd0
```
#80ffd0 rgb(128,255,208)
```

Tetradic Color

#ff347f
```
#ff347f rgb(255,52,127)
```
#ff4d8f
```
#ff4d8f rgb(255,77,143)
```
#ff679f
```
#ff679f rgb(255,103,159)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#ff9abf
```
#ff9abf rgb(255,154,191)
```
#ffb3cf
```
#ffb3cf rgb(255,179,207)
```
#ffcddf
```
#ffcddf rgb(255,205,223)
```

Monochromatic Color

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

#ff80cf
```
#ff80cf rgb(255,128,207)
```
#ff80c4
```
#ff80c4 rgb(255,128,196)
```
#ff80ba
```
#ff80ba rgb(255,128,186)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#ff80a4
```
#ff80a4 rgb(255,128,164)
```
#ff809a
```
#ff809a rgb(255,128,154)
```
#ff808f
```
#ff808f rgb(255,128,143)
```

Similar Colors

Text with hexadecimal color #ff80af

This text has a font color of #ff80af.

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

#ff80af background color

This paragraph has a background color of #ff80af.

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

#ff80af border color

This element has a border color of #ff80af.

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

CSS codes

.text {color:#ff80af;}

.background {background-color:#ff80af;}

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

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)
```
#1e000b
```
#1e000b rgb(30,0,11)
```
#320012
```
#320012 rgb(50,0,18)
```
#45001a
```
#45001a rgb(69,0,26)
```
#590021
```
#590021 rgb(89,0,33)
```
#6c0028
```
#6c0028 rgb(108,0,40)
```
#80002f
```
#80002f rgb(128,0,47)
```
#940037
```
#940037 rgb(148,0,55)
```
#a7003e
```
#a7003e rgb(167,0,62)
```
#bb0045
```
#bb0045 rgb(187,0,69)
```
#ce004c
```
#ce004c rgb(206,0,76)
```
#e20054
```
#e20054 rgb(226,0,84)
```
#f6005b
```
#f6005b rgb(246,0,91)
```

Shade Color Variation

#ff0a65
```
#ff0a65 rgb(255,10,101)
```
#ff1e71
```
#ff1e71 rgb(255,30,113)
```
#ff327e
```
#ff327e rgb(255,50,126)
```
#ff458a
```
#ff458a rgb(255,69,138)
```
#ff5996
```
#ff5996 rgb(255,89,150)
```
#ff6ca3
```
#ff6ca3 rgb(255,108,163)
```
#ff80af
```
#ff80af rgb(255,128,175)
```
#ff94bb
```
#ff94bb rgb(255,148,187)
```
#ffa7c8
```
#ffa7c8 rgb(255,167,200)
```
#ffbbd4
```
#ffbbd4 rgb(255,187,212)
```
#ffcee0
```
#ffcee0 rgb(255,206,224)
```
#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 #ff80af is the most saturated one.

#c4bbbe
```
#c4bbbe rgb(196,187,190)
```
#c9b6bd
```
#c9b6bd rgb(201,182,189)
```
#ceb1bc
```
#ceb1bc rgb(206,177,188)
```
#d3acba
```
#d3acba rgb(211,172,186)
```
#d8a7b9
```
#d8a7b9 rgb(216,167,185)
```
#dda2b8
```
#dda2b8 rgb(221,162,184)
```
#e29db7
```
#e29db7 rgb(226,157,183)
```
#e798b5
```
#e798b5 rgb(231,152,181)
```
#eb94b4
```
#eb94b4 rgb(235,148,180)
```
#f08fb3
```
#f08fb3 rgb(240,143,179)
```
#f58ab2
```
#f58ab2 rgb(245,138,178)
```
#fa85b0
```
#fa85b0 rgb(250,133,176)
```
#ff80af
```
#ff80af rgb(255,128,175)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#bca2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8acc7 Protanopia 1% of men
#bea8aa Deuteranopia 1% of men
#fc8c95 Tritanopia 0.001% of the population

Trichromacy

#c79cbe Protanomaly 1% of men, 0.01% of women
#d699ac Deuteranomaly 6% of men, 0.4% of women
#fd879e Tritanomaly 0.01% of the population

#ff80af hex color

#ff80af Color Information

#ff80af Color Conversion

Color Schemes with #ff80af

Alternatives to #ff80af

#ff80af Preview

Shades and Tints of #ff80af

Tones of #ff80af

Color Blindness Simulator