colorhexa.com

#ffb3af hex color

In a RGB color space, hex #ffb3af is composed of 100% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 31.4% yellow and 0% black. It has a hue angle of 3 degrees, a saturation of 100% and a lightness of 84.3%. #ffb3af color hex could be obtained by blending #ffffff with #ff675f. Closest websafe color is: #ffcc99.

- R 100
- G 70
- B 69
RGB color chart
- C 0
- M 30
- Y 31
- K 0
CMYK color chart

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

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

Hex triplet	ffb3af	`#ffb3af`
RGB Decimal	255, 179, 175	`rgb(255,179,175)`
RGB Percent	100, 70.2, 68.6	`rgb(100%,70.2%,68.6%)`
CMYK	0, 30, 31, 0
HSL	3°, 100, 84.3	`hsl(3,100%,84.3%)`
HSV (or HSB)	3°, 31.4, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	79.953, 27.146, 13.168
XYZ	65.098, 56.598, 48.051
xyY	0.383, 0.333, 56.598
CIE-LCH	79.953, 30.171, 25.877
CIE-LUV	79.953, 50.124, 13.534
Hunter-Lab	75.232, 22.799, 14.794
Binary	11111111, 10110011, 10101111

#ffb3af
```
#ffb3af rgb(255,179,175)
```
#affbff
```
#affbff rgb(175,251,255)
```

Complementary Color

#ffafd3
```
#ffafd3 rgb(255,175,211)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#ffdbaf
```
#ffdbaf rgb(255,219,175)
```

Analogous Color

#afd3ff
```
#afd3ff rgb(175,211,255)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#afffdb
```
#afffdb rgb(175,255,219)
```

Split Complementary Color

#b3afff
```
#b3afff rgb(179,175,255)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#afffb3
```
#afffb3 rgb(175,255,179)
```

Triadic Color

#ffaffb
```
#ffaffb rgb(255,175,251)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#afffb3
```
#afffb3 rgb(175,255,179)
```
#affbff
```
#affbff rgb(175,251,255)
```

Tetradic Color

#ff6a63
```
#ff6a63 rgb(255,106,99)
```
#ff837c
```
#ff837c rgb(255,131,124)
```
#ff9b96
```
#ff9b96 rgb(255,155,150)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#ffcbc9
```
#ffcbc9 rgb(255,203,201)
```
#ffe3e2
```
#ffe3e2 rgb(255,227,226)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Monochromatic Color

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

#ffafbf
```
#ffafbf rgb(255,175,191)
```
#ffafb8
```
#ffafb8 rgb(255,175,184)
```
#ffafb2
```
#ffafb2 rgb(255,175,178)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#ffbaaf
```
#ffbaaf rgb(255,186,175)
```
#ffc0af
```
#ffc0af rgb(255,192,175)
```
#ffc7af
```
#ffc7af rgb(255,199,175)
```

Similar Colors

Text with hexadecimal color #ffb3af

This text has a font color of #ffb3af.

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

#ffb3af background color

This paragraph has a background color of #ffb3af.

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

#ffb3af border color

This element has a border color of #ffb3af.

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

CSS codes

.text {color:#ffb3af;}

.background {background-color:#ffb3af;}

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

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

#120100
```
#120100 rgb(18,1,0)
```
#260200
```
#260200 rgb(38,2,0)
```
#390300
```
#390300 rgb(57,3,0)
```
#4d0400
```
#4d0400 rgb(77,4,0)
```
#610500
```
#610500 rgb(97,5,0)
```
#740600
```
#740600 rgb(116,6,0)
```
#880700
```
#880700 rgb(136,7,0)
```
#9b0800
```
#9b0800 rgb(155,8,0)
```
#af0900
```
#af0900 rgb(175,9,0)
```
#c30a00
```
#c30a00 rgb(195,10,0)
```
#d60b00
```
#d60b00 rgb(214,11,0)
```
#ea0c00
```
#ea0c00 rgb(234,12,0)
```
#fd0d00
```
#fd0d00 rgb(253,13,0)
```

Shade Color Variation

#ff1e12
```
#ff1e12 rgb(255,30,18)
```
#ff3126
```
#ff3126 rgb(255,49,38)
```
#ff4339
```
#ff4339 rgb(255,67,57)
```
#ff564d
```
#ff564d rgb(255,86,77)
```
#ff6861
```
#ff6861 rgb(255,104,97)
```
#ff7b74
```
#ff7b74 rgb(255,123,116)
```
#ff8e88
```
#ff8e88 rgb(255,142,136)
```
#ffa09b
```
#ffa09b rgb(255,160,155)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```
#ffc6c3
```
#ffc6c3 rgb(255,198,195)
```
#ffd8d6
```
#ffd8d6 rgb(255,216,214)
```
#ffebea
```
#ffebea rgb(255,235,234)
```
#fffefd
```
#fffefd rgb(255,254,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 #ffb3af is the most saturated one.

#dad4d4
```
#dad4d4 rgb(218,212,212)
```
#ddd1d1
```
#ddd1d1 rgb(221,209,209)
```
#e0cfce
```
#e0cfce rgb(224,207,206)
```
#e3cccb
```
#e3cccb rgb(227,204,203)
```
#e6c9c8
```
#e6c9c8 rgb(230,201,200)
```
#e9c6c5
```
#e9c6c5 rgb(233,198,197)
```
#edc4c1
```
#edc4c1 rgb(237,196,193)
```
#f0c1be
```
#f0c1be rgb(240,193,190)
```
#f3bebb
```
#f3bebb rgb(243,190,187)
```
#f6bbb8
```
#f6bbb8 rgb(246,187,184)
```
#f9b9b5
```
#f9b9b5 rgb(249,185,181)
```
#fcb6b2
```
#fcb6b2 rgb(252,182,178)
```
#ffb3af
```
#ffb3af rgb(255,179,175)
```

Tone Color Variation

Below, you can see how #ffb3af 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
#d4c5c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc8bb Protanopia 1% of men
#e5c2b0 Deuteranopia 1% of men
#ffb5c1 Tritanopia 0.001% of the population

Trichromacy

#e1c0b6 Protanomaly 1% of men, 0.01% of women
#eebcaf Deuteranomaly 6% of men, 0.4% of women
#ffb4ba Tritanomaly 0.01% of the population