#ffbf5d hex color

In a RGB color space, hex #ffbf5d is composed of 100% red, 74.9% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 63.5% yellow and 0% black. It has a hue angle of 36.3 degrees, a saturation of 100% and a lightness of 68.2%. #ffbf5d color hex could be obtained by blending #ffffba with #ff7f00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 75
- B 36
RGB color chart
- C 0
- M 25
- Y 64
- K 0
CMYK color chart

● #ffbf5d color description : Light orange.

The hexadecimal color #ffbf5d has RGB values of R:255, G:191, B:93 and CMYK values of C:0, M:0.25, Y:0.64, K:0. Its decimal value is 16760669.

Hex triplet	ffbf5d	`#ffbf5d`
RGB Decimal	255, 191, 93	`rgb(255,191,93)`
RGB Percent	100, 74.9, 36.5	`rgb(100%,74.9%,36.5%)`
CMYK	0, 25, 64, 0
HSL	36.3°, 100, 68.2	`hsl(36.3,100%,68.2%)`
HSV (or HSB)	36.3°, 63.5, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.465, 13.17, 57.176
XYZ	61.847, 59.315, 18.547
xyY	0.443, 0.425, 59.315
CIE-LCH	81.465, 58.673, 77.028
CIE-LUV	81.465, 50.599, 65.317
Hunter-Lab	77.016, 8.565, 39.633
Binary	11111111, 10111111, 01011101

#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#5d9dff
```
#5d9dff rgb(93,157,255)
```

Complementary Color

#ff6e5d
```
#ff6e5d rgb(255,110,93)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#eeff5d
```
#eeff5d rgb(238,255,93)
```

Analogous Color

#6e5dff
```
#6e5dff rgb(110,93,255)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#5deeff
```
#5deeff rgb(93,238,255)
```

Split Complementary Color

#bf5dff
```
#bf5dff rgb(191,93,255)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#5dffbf
```
#5dffbf rgb(93,255,191)
```

Triadic Color

#ff5d9d
```
#ff5d9d rgb(255,93,157)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#5dffbf
```
#5dffbf rgb(93,255,191)
```
#5d9dff
```
#5d9dff rgb(93,157,255)
```

Tetradic Color

#ffa111
```
#ffa111 rgb(255,161,17)
```
#ffab2a
```
#ffab2a rgb(255,171,42)
```
#ffb544
```
#ffb544 rgb(255,181,68)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#ffc977
```
#ffc977 rgb(255,201,119)
```
#ffd390
```
#ffd390 rgb(255,211,144)
```
#ffddaa
```
#ffddaa rgb(255,221,170)
```

Monochromatic Color

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

#ff975d
```
#ff975d rgb(255,151,93)
```
#ffa45d
```
#ffa45d rgb(255,164,93)
```
#ffb25d
```
#ffb25d rgb(255,178,93)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#ffcd5d
```
#ffcd5d rgb(255,205,93)
```
#ffda5d
```
#ffda5d rgb(255,218,93)
```
#ffe85d
```
#ffe85d rgb(255,232,93)
```

Similar Colors

Text with hexadecimal color #ffbf5d

This text has a font color of #ffbf5d.

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

#ffbf5d background color

This paragraph has a background color of #ffbf5d.

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

#ffbf5d border color

This element has a border color of #ffbf5d.

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

CSS codes

.text {color:#ffbf5d;}

.background {background-color:#ffbf5d;}

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

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, #0f0900 is the darkest color, while #fffdfa is the lightest one.

#0f0900
```
#0f0900 rgb(15,9,0)
```
#221500
```
#221500 rgb(34,21,0)
```
#362100
```
#362100 rgb(54,33,0)
```
#492c00
```
#492c00 rgb(73,44,0)
```
#5d3800
```
#5d3800 rgb(93,56,0)
```
#714400
```
#714400 rgb(113,68,0)
```
#845000
```
#845000 rgb(132,80,0)
```
#985c00
```
#985c00 rgb(152,92,0)
```
#ab6800
```
#ab6800 rgb(171,104,0)
```
#bf7400
```
#bf7400 rgb(191,116,0)
```
#d37f00
```
#d37f00 rgb(211,127,0)
```
#e68b00
```
#e68b00 rgb(230,139,0)
```
#fa9700
```
#fa9700 rgb(250,151,0)
```

Shade Color Variation

#ffa00f
```
#ffa00f rgb(255,160,15)
```
#ffa822
```
#ffa822 rgb(255,168,34)
```
#ffb036
```
#ffb036 rgb(255,176,54)
```
#ffb749
```
#ffb749 rgb(255,183,73)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```
#ffc771
```
#ffc771 rgb(255,199,113)
```
#ffce84
```
#ffce84 rgb(255,206,132)
```
#ffd698
```
#ffd698 rgb(255,214,152)
```
#ffdeab
```
#ffdeab rgb(255,222,171)
```
#ffe6bf
```
#ffe6bf rgb(255,230,191)
```
#ffedd3
```
#ffedd3 rgb(255,237,211)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#b4afa8
```
#b4afa8 rgb(180,175,168)
```
#bab1a2
```
#bab1a2 rgb(186,177,162)
```
#c1b29b
```
#c1b29b rgb(193,178,155)
```
#c7b395
```
#c7b395 rgb(199,179,149)
```
#cdb58f
```
#cdb58f rgb(205,181,143)
```
#d3b689
```
#d3b689 rgb(211,182,137)
```
#dab782
```
#dab782 rgb(218,183,130)
```
#e0b87c
```
#e0b87c rgb(224,184,124)
```
#e6ba76
```
#e6ba76 rgb(230,186,118)
```
#ecbb70
```
#ecbb70 rgb(236,187,112)
```
#f3bc69
```
#f3bc69 rgb(243,188,105)
```
#f9be63
```
#f9be63 rgb(249,190,99)
```
#ffbf5d
```
#ffbf5d rgb(255,191,93)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd68 Protanopia 1% of men
#fbc364 Deuteranopia 1% of men
#ffbbc5 Tritanopia 0.001% of the population

Trichromacy

#ecc864 Protanomaly 1% of men, 0.01% of women
#fcc262 Deuteranomaly 6% of men, 0.4% of women
#ffbc9f Tritanomaly 0.01% of the population

#ffbf5d hex color

#ffbf5d Color Information

#ffbf5d Color Conversion

Color Schemes with #ffbf5d

Alternatives to #ffbf5d

#ffbf5d Preview

Shades and Tints of #ffbf5d

Tones of #ffbf5d

Color Blindness Simulator