#ffb0af hex color

In a RGB color space, hex #ffb0af is composed of 100% red, 69% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 31.4% yellow and 0% black. It has a hue angle of 0.7 degrees, a saturation of 100% and a lightness of 84.3%. #ffb0af color hex could be obtained by blending #ffffff with #ff615f. Closest websafe color is: #ff9999.

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

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

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

Hex triplet	ffb0af	`#ffb0af`
RGB Decimal	255, 176, 175	`rgb(255,176,175)`
RGB Percent	100, 69, 68.6	`rgb(100%,69%,68.6%)`
CMYK	0, 31, 31, 0
HSL	0.7°, 100, 84.3	`hsl(0.7,100%,84.3%)`
HSV (or HSB)	0.7°, 31.4, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	79.276, 28.717, 12.21
XYZ	64.503, 55.409, 47.853
xyY	0.384, 0.33, 55.409
CIE-LCH	79.276, 31.205, 23.035
CIE-LUV	79.276, 51.984, 11.888
Hunter-Lab	74.437, 24.413, 13.991
Binary	11111111, 10110000, 10101111

#ffb0af
```
#ffb0af rgb(255,176,175)
```
#affeff
```
#affeff rgb(175,254,255)
```

Complementary Color

#ffafd6
```
#ffafd6 rgb(255,175,214)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#ffd8af
```
#ffd8af rgb(255,216,175)
```

Analogous Color

#afd6ff
```
#afd6ff rgb(175,214,255)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#afffd8
```
#afffd8 rgb(175,255,216)
```

Split Complementary Color

#b0afff
```
#b0afff rgb(176,175,255)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#afffb0
```
#afffb0 rgb(175,255,176)
```

Triadic Color

#ffaffe
```
#ffaffe rgb(255,175,254)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#afffb0
```
#afffb0 rgb(175,255,176)
```
#affeff
```
#affeff rgb(175,254,255)
```

Tetradic Color

#ff6463
```
#ff6463 rgb(255,100,99)
```
#ff7e7c
```
#ff7e7c rgb(255,126,124)
```
#ff9796
```
#ff9796 rgb(255,151,150)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#ffc9c9
```
#ffc9c9 rgb(255,201,201)
```
#ffe2e2
```
#ffe2e2 rgb(255,226,226)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Monochromatic Color

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

#ffafc2
```
#ffafc2 rgb(255,175,194)
```
#ffafbb
```
#ffafbb rgb(255,175,187)
```
#ffafb5
```
#ffafb5 rgb(255,175,181)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#ffb7af
```
#ffb7af rgb(255,183,175)
```
#ffbdaf
```
#ffbdaf rgb(255,189,175)
```
#ffc4af
```
#ffc4af rgb(255,196,175)
```

Similar Colors

Text with hexadecimal color #ffb0af

This text has a font color of #ffb0af.

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

#ffb0af background color

This paragraph has a background color of #ffb0af.

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

#ffb0af border color

This element has a border color of #ffb0af.

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

CSS codes

.text {color:#ffb0af;}

.background {background-color:#ffb0af;}

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

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

#120000
```
#120000 rgb(18,0,0)
```
#260000
```
#260000 rgb(38,0,0)
```
#390100
```
#390100 rgb(57,1,0)
```
#4d0100
```
#4d0100 rgb(77,1,0)
```
#610100
```
#610100 rgb(97,1,0)
```
#740100
```
#740100 rgb(116,1,0)
```
#880200
```
#880200 rgb(136,2,0)
```
#9b0200
```
#9b0200 rgb(155,2,0)
```
#af0200
```
#af0200 rgb(175,2,0)
```
#c30200
```
#c30200 rgb(195,2,0)
```
#d60300
```
#d60300 rgb(214,3,0)
```
#ea0300
```
#ea0300 rgb(234,3,0)
```
#fd0300
```
#fd0300 rgb(253,3,0)
```

Shade Color Variation

#ff1512
```
#ff1512 rgb(255,21,18)
```
#ff2826
```
#ff2826 rgb(255,40,38)
```
#ff3c39
```
#ff3c39 rgb(255,60,57)
```
#ff4f4d
```
#ff4f4d rgb(255,79,77)
```
#ff6361
```
#ff6361 rgb(255,99,97)
```
#ff7674
```
#ff7674 rgb(255,118,116)
```
#ff8988
```
#ff8988 rgb(255,137,136)
```
#ff9d9b
```
#ff9d9b rgb(255,157,155)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#ffc3c3
```
#ffc3c3 rgb(255,195,195)
```
#ffd7d6
```
#ffd7d6 rgb(255,215,214)
```
#ffeaea
```
#ffeaea rgb(255,234,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#dad4d4
```
#dad4d4 rgb(218,212,212)
```
#ddd1d1
```
#ddd1d1 rgb(221,209,209)
```
#e0cece
```
#e0cece rgb(224,206,206)
```
#e3cbcb
```
#e3cbcb rgb(227,203,203)
```
#e6c8c8
```
#e6c8c8 rgb(230,200,200)
```
#e9c5c5
```
#e9c5c5 rgb(233,197,197)
```
#edc2c1
```
#edc2c1 rgb(237,194,193)
```
#f0bfbe
```
#f0bfbe rgb(240,191,190)
```
#f3bcbb
```
#f3bcbb rgb(243,188,187)
```
#f6b9b8
```
#f6b9b8 rgb(246,185,184)
```
#f9b6b5
```
#f9b6b5 rgb(249,182,181)
```
#fcb3b2
```
#fcb3b2 rgb(252,179,178)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d3c3c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc6bc Protanopia 1% of men
#e2c0af Deuteranopia 1% of men
#ffb2be Tritanopia 0.001% of the population

Trichromacy

#dfbeb7 Protanomaly 1% of men, 0.01% of women
#ecbaaf Deuteranomaly 6% of men, 0.4% of women
#ffb1b9 Tritanomaly 0.01% of the population

#ffb0af hex color

#ffb0af Color Information

#ffb0af Color Conversion

Color Schemes with #ffb0af

Alternatives to #ffb0af

#ffb0af Preview

Shades and Tints of #ffb0af

Tones of #ffb0af

Color Blindness Simulator