#ffbd8a hex color

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

♥
- f
- t
- g
- R 100
- G 74
- B 54
RGB color chart
- C 0
- M 26
- Y 46
- K 0
CMYK color chart

● #ffbd8a color description : Very light orange.

The hexadecimal color #ffbd8a has RGB values of R:255, G:189, B:138 and CMYK values of C:0, M:0.26, Y:0.46, K:0. Its decimal value is 16760202.

Hex triplet	ffbd8a	`#ffbd8a`
RGB Decimal	255, 189, 138	`rgb(255,189,138)`
RGB Percent	100, 74.1, 54.1	`rgb(100%,74.1%,54.1%)`
CMYK	0, 26, 46, 0
HSL	26.2°, 100, 77.1	`hsl(26.2,100%,77.1%)`
HSV (or HSB)	26.2°, 45.9, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.562, 17.778, 35.025
XYZ	64.025, 59.493, 32.154
xyY	0.411, 0.382, 59.493
CIE-LCH	81.562, 39.278, 63.089
CIE-LUV	81.562, 48.135, 42.632
Hunter-Lab	77.132, 13.188, 29.276
Binary	11111111, 10111101, 10001010

#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#8accff
```
#8accff rgb(138,204,255)
```

Complementary Color

#ff8a92
```
#ff8a92 rgb(255,138,146)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#fff88a
```
#fff88a rgb(255,248,138)
```

Analogous Color

#8a92ff
```
#8a92ff rgb(138,146,255)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#8afff8
```
#8afff8 rgb(138,255,248)
```

Split Complementary Color

#bd8aff
```
#bd8aff rgb(189,138,255)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#8affbd
```
#8affbd rgb(138,255,189)
```

Triadic Color

#ff8acc
```
#ff8acc rgb(255,138,204)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#8affbd
```
#8affbd rgb(138,255,189)
```
#8accff
```
#8accff rgb(138,204,255)
```

Tetradic Color

#ff923e
```
#ff923e rgb(255,146,62)
```
#ffa057
```
#ffa057 rgb(255,160,87)
```
#ffaf71
```
#ffaf71 rgb(255,175,113)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#ffcba4
```
#ffcba4 rgb(255,203,164)
```
#ffdabd
```
#ffdabd rgb(255,218,189)
```
#ffe8d7
```
#ffe8d7 rgb(255,232,215)
```

Monochromatic Color

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

#ffa08a
```
#ffa08a rgb(255,160,138)
```
#ffaa8a
```
#ffaa8a rgb(255,170,138)
```
#ffb38a
```
#ffb38a rgb(255,179,138)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#ffc78a
```
#ffc78a rgb(255,199,138)
```
#ffd18a
```
#ffd18a rgb(255,209,138)
```
#ffda8a
```
#ffda8a rgb(255,218,138)
```

Similar Colors

Text with hexadecimal color #ffbd8a

This text has a font color of #ffbd8a.

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

#ffbd8a background color

This paragraph has a background color of #ffbd8a.

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

#ffbd8a border color

This element has a border color of #ffbd8a.

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

CSS codes

.text {color:#ffbd8a;}

.background {background-color:#ffbd8a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140900
```
#140900 rgb(20,9,0)
```
#281100
```
#281100 rgb(40,17,0)
```
#3c1a00
```
#3c1a00 rgb(60,26,0)
```
#4f2300
```
#4f2300 rgb(79,35,0)
```
#632b00
```
#632b00 rgb(99,43,0)
```
#763400
```
#763400 rgb(118,52,0)
```
#8a3c00
```
#8a3c00 rgb(138,60,0)
```
#9e4500
```
#9e4500 rgb(158,69,0)
```
#b14d00
```
#b14d00 rgb(177,77,0)
```
#c55600
```
#c55600 rgb(197,86,0)
```
#d85e00
```
#d85e00 rgb(216,94,0)
```
#ec6700
```
#ec6700 rgb(236,103,0)
```

Shade Color Variation

#ff7001
```
#ff7001 rgb(255,112,1)
```
#ff7b14
```
#ff7b14 rgb(255,123,20)
```
#ff8628
```
#ff8628 rgb(255,134,40)
```
#ff913c
```
#ff913c rgb(255,145,60)
```
#ff9c4f
```
#ff9c4f rgb(255,156,79)
```
#ffa763
```
#ffa763 rgb(255,167,99)
```
#ffb276
```
#ffb276 rgb(255,178,118)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```
#ffc89e
```
#ffc89e rgb(255,200,158)
```
#ffd3b1
```
#ffd3b1 rgb(255,211,177)
```
#ffdec5
```
#ffdec5 rgb(255,222,197)
```
#ffe9d8
```
#ffe9d8 rgb(255,233,216)
```
#fff4ec
```
#fff4ec rgb(255,244,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 #ffbd8a is the most saturated one.

#c9c4c0
```
#c9c4c0 rgb(201,196,192)
```
#cec3bc
```
#cec3bc rgb(206,195,188)
```
#d2c3b7
```
#d2c3b7 rgb(210,195,183)
```
#d7c2b3
```
#d7c2b3 rgb(215,194,179)
```
#dbc2ae
```
#dbc2ae rgb(219,194,174)
```
#e0c1aa
```
#e0c1aa rgb(224,193,170)
```
#e4c0a5
```
#e4c0a5 rgb(228,192,165)
```
#e9c0a1
```
#e9c0a1 rgb(233,192,161)
```
#edbf9c
```
#edbf9c rgb(237,191,156)
```
#f2bf98
```
#f2bf98 rgb(242,191,152)
```
#f6be93
```
#f6be93 rgb(246,190,147)
```
#fbbe8f
```
#fbbe8f rgb(251,190,143)
```
#ffbd8a
```
#ffbd8a rgb(255,189,138)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5c8be Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccd95 Protanopia 1% of men
#f4c58e Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#e9c791 Protanomaly 1% of men, 0.01% of women
#f8c28d Deuteranomaly 6% of men, 0.4% of women
#ffbcb0 Tritanomaly 0.01% of the population

#ffbd8a hex color

#ffbd8a Color Information

#ffbd8a Color Conversion

Color Schemes with #ffbd8a

Alternatives to #ffbd8a

#ffbd8a Preview

Shades and Tints of #ffbd8a

Tones of #ffbd8a

Color Blindness Simulator