colorhexa.com

#ffbf8a hex color

In a RGB color space, hex #ffbf8a is composed of 100% red, 74.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 45.9% yellow and 0% black. It has a hue angle of 27.2 degrees, a saturation of 100% and a lightness of 77.1%. #ffbf8a color hex could be obtained by blending #ffffff with #ff7f15. Closest websafe color is: #ffcc99.

- R 100
- G 75
- B 54
RGB color chart
- C 0
- M 25
- Y 46
- K 0
CMYK color chart

● #ffbf8a color description : Very light orange.

The hexadecimal color #ffbf8a has RGB values of R:255, G:191, B:138 and CMYK values of C:0, M:0.25, Y:0.46, K:0. Its decimal value is 16760714.

Hex triplet	ffbf8a	`#ffbf8a`
RGB Decimal	255, 191, 138	`rgb(255,191,138)`
RGB Percent	100, 74.9, 54.1	`rgb(100%,74.9%,54.1%)`
CMYK	0, 25, 46, 0
HSL	27.2°, 100, 77.1	`hsl(27.2,100%,77.1%)`
HSV (or HSB)	27.2°, 45.9, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.033, 16.732, 35.638
XYZ	64.459, 60.36, 32.299
xyY	0.41, 0.384, 60.36
CIE-LCH	82.033, 39.371, 64.85
CIE-LUV	82.033, 46.775, 43.626
Hunter-Lab	77.691, 12.137, 29.735
Binary	11111111, 10111111, 10001010

#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#8acaff
```
#8acaff rgb(138,202,255)
```

Complementary Color

#ff8a90
```
#ff8a90 rgb(255,138,144)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#fffa8a
```
#fffa8a rgb(255,250,138)
```

Analogous Color

#8a90ff
```
#8a90ff rgb(138,144,255)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#8afffa
```
#8afffa rgb(138,255,250)
```

Split Complementary Color

#bf8aff
```
#bf8aff rgb(191,138,255)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#8affbf
```
#8affbf rgb(138,255,191)
```

Triadic Color

#ff8aca
```
#ff8aca rgb(255,138,202)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#8affbf
```
#8affbf rgb(138,255,191)
```
#8acaff
```
#8acaff rgb(138,202,255)
```

Tetradic Color

#ff953e
```
#ff953e rgb(255,149,62)
```
#ffa357
```
#ffa357 rgb(255,163,87)
```
#ffb171
```
#ffb171 rgb(255,177,113)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#ffcda4
```
#ffcda4 rgb(255,205,164)
```
#ffdbbd
```
#ffdbbd rgb(255,219,189)
```
#ffe9d7
```
#ffe9d7 rgb(255,233,215)
```

Monochromatic Color

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

#ffa28a
```
#ffa28a rgb(255,162,138)
```
#ffac8a
```
#ffac8a rgb(255,172,138)
```
#ffb58a
```
#ffb58a rgb(255,181,138)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#ffc98a
```
#ffc98a rgb(255,201,138)
```
#ffd38a
```
#ffd38a rgb(255,211,138)
```
#ffdc8a
```
#ffdc8a rgb(255,220,138)
```

Similar Colors

Text with hexadecimal color #ffbf8a

This text has a font color of #ffbf8a.

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

#ffbf8a background color

This paragraph has a background color of #ffbf8a.

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

#ffbf8a border color

This element has a border color of #ffbf8a.

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

CSS codes

.text {color:#ffbf8a;}

.background {background-color:#ffbf8a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140900
```
#140900 rgb(20,9,0)
```
#281200
```
#281200 rgb(40,18,0)
```
#3c1b00
```
#3c1b00 rgb(60,27,0)
```
#4f2400
```
#4f2400 rgb(79,36,0)
```
#632d00
```
#632d00 rgb(99,45,0)
```
#763600
```
#763600 rgb(118,54,0)
```
#8a3f00
```
#8a3f00 rgb(138,63,0)
```
#9e4700
```
#9e4700 rgb(158,71,0)
```
#b15000
```
#b15000 rgb(177,80,0)
```
#c55900
```
#c55900 rgb(197,89,0)
```
#d86200
```
#d86200 rgb(216,98,0)
```
#ec6b00
```
#ec6b00 rgb(236,107,0)
```

Shade Color Variation

#ff7401
```
#ff7401 rgb(255,116,1)
```
#ff7f14
```
#ff7f14 rgb(255,127,20)
```
#ff8928
```
#ff8928 rgb(255,137,40)
```
#ff943c
```
#ff943c rgb(255,148,60)
```
#ff9f4f
```
#ff9f4f rgb(255,159,79)
```
#ffaa63
```
#ffaa63 rgb(255,170,99)
```
#ffb476
```
#ffb476 rgb(255,180,118)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#ffca9e
```
#ffca9e rgb(255,202,158)
```
#ffd4b1
```
#ffd4b1 rgb(255,212,177)
```
#ffdfc5
```
#ffdfc5 rgb(255,223,197)
```
#ffead8
```
#ffead8 rgb(255,234,216)
```
#fff5ec
```
#fff5ec rgb(255,245,236)
```

Tint Color Variation

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

#c9c4c0
```
#c9c4c0 rgb(201,196,192)
```
#cec4bc
```
#cec4bc rgb(206,196,188)
```
#d2c3b7
```
#d2c3b7 rgb(210,195,183)
```
#d7c3b3
```
#d7c3b3 rgb(215,195,179)
```
#dbc2ae
```
#dbc2ae rgb(219,194,174)
```
#e0c2aa
```
#e0c2aa rgb(224,194,170)
```
#e4c2a5
```
#e4c2a5 rgb(228,194,165)
```
#e9c1a1
```
#e9c1a1 rgb(233,193,161)
```
#edc19c
```
#edc19c rgb(237,193,156)
```
#f2c098
```
#f2c098 rgb(242,192,152)
```
#f6c093
```
#f6c093 rgb(246,192,147)
```
#fbbf8f
```
#fbbf8f rgb(251,191,143)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6c9bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dece94 Protanopia 1% of men
#f5c68e Deuteranopia 1% of men
#ffbdc8 Tritanopia 0.001% of the population

Trichromacy

#eac890 Protanomaly 1% of men, 0.01% of women
#f9c38d Deuteranomaly 6% of men, 0.4% of women
#ffbdb1 Tritanomaly 0.01% of the population