#ffbf80 hex color

In a RGB color space, hex #ffbf80 is composed of 100% red, 74.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 49.8% yellow and 0% black. It has a hue angle of 29.8 degrees, a saturation of 100% and a lightness of 75.1%. #ffbf80 color hex could be obtained by blending #ffffff with #ff7f01. Closest websafe color is: #ffcc99.

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

● #ffbf80 color description : Very light orange.

The hexadecimal color #ffbf80 has RGB values of R:255, G:191, B:128 and CMYK values of C:0, M:0.25, Y:0.5, K:0. Its decimal value is 16760704.

Hex triplet	ffbf80	`#ffbf80`
RGB Decimal	255, 191, 128	`rgb(255,191,128)`
RGB Percent	100, 74.9, 50.2	`rgb(100%,74.9%,50.2%)`
CMYK	0, 25, 50, 0
HSL	29.8°, 100, 75.1	`hsl(29.8,100%,75.1%)`
HSV (or HSB)	29.8°, 49.8, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.883, 15.803, 40.591
XYZ	63.768, 60.083, 28.659
xyY	0.418, 0.394, 60.083
CIE-LCH	81.883, 43.558, 68.728
CIE-LUV	81.883, 47.747, 49.153
Hunter-Lab	77.513, 11.197, 32.338
Binary	11111111, 10111111, 10000000

#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#80c0ff
```
#80c0ff rgb(128,192,255)
```

Complementary Color

#ff8081
```
#ff8081 rgb(255,128,129)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#ffff80
```
#ffff80 rgb(255,255,128)
```

Analogous Color

#8081ff
```
#8081ff rgb(128,129,255)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#80ffff
```
#80ffff rgb(128,255,255)
```

Split Complementary Color

#bf80ff
```
#bf80ff rgb(191,128,255)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#80ffbf
```
#80ffbf rgb(128,255,191)
```

Triadic Color

#ff80c0
```
#ff80c0 rgb(255,128,192)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#80ffbf
```
#80ffbf rgb(128,255,191)
```
#80c0ff
```
#80c0ff rgb(128,192,255)
```

Tetradic Color

#ff9834
```
#ff9834 rgb(255,152,52)
```
#ffa54d
```
#ffa54d rgb(255,165,77)
```
#ffb267
```
#ffb267 rgb(255,178,103)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#ffcc9a
```
#ffcc9a rgb(255,204,154)
```
#ffd9b3
```
#ffd9b3 rgb(255,217,179)
```
#ffe6cd
```
#ffe6cd rgb(255,230,205)
```

Monochromatic Color

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

#ff9f80
```
#ff9f80 rgb(255,159,128)
```
#ffaa80
```
#ffaa80 rgb(255,170,128)
```
#ffb480
```
#ffb480 rgb(255,180,128)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#ffca80
```
#ffca80 rgb(255,202,128)
```
#ffd480
```
#ffd480 rgb(255,212,128)
```
#ffdf80
```
#ffdf80 rgb(255,223,128)
```

Similar Colors

Text with hexadecimal color #ffbf80

This text has a font color of #ffbf80.

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

#ffbf80 background color

This paragraph has a background color of #ffbf80.

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

#ffbf80 border color

This element has a border color of #ffbf80.

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

CSS codes

.text {color:#ffbf80;}

.background {background-color:#ffbf80;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e0f00
```
#1e0f00 rgb(30,15,0)
```
#321900
```
#321900 rgb(50,25,0)
```
#452200
```
#452200 rgb(69,34,0)
```
#592c00
```
#592c00 rgb(89,44,0)
```
#6c3600
```
#6c3600 rgb(108,54,0)
```
#803f00
```
#803f00 rgb(128,63,0)
```
#944900
```
#944900 rgb(148,73,0)
```
#a75300
```
#a75300 rgb(167,83,0)
```
#bb5d00
```
#bb5d00 rgb(187,93,0)
```
#ce6600
```
#ce6600 rgb(206,102,0)
```
#e27000
```
#e27000 rgb(226,112,0)
```
#f67a00
```
#f67a00 rgb(246,122,0)
```

Shade Color Variation

#ff840a
```
#ff840a rgb(255,132,10)
```
#ff8e1e
```
#ff8e1e rgb(255,142,30)
```
#ff9732
```
#ff9732 rgb(255,151,50)
```
#ffa145
```
#ffa145 rgb(255,161,69)
```
#ffab59
```
#ffab59 rgb(255,171,89)
```
#ffb56c
```
#ffb56c rgb(255,181,108)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```
#ffc994
```
#ffc994 rgb(255,201,148)
```
#ffd3a7
```
#ffd3a7 rgb(255,211,167)
```
#ffddbb
```
#ffddbb rgb(255,221,187)
```
#ffe7ce
```
#ffe7ce rgb(255,231,206)
```
#fff0e2
```
#fff0e2 rgb(255,240,226)
```
#fffaf6
```
#fffaf6 rgb(255,250,246)
```

Tint Color Variation

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

#c4bfbb
```
#c4bfbb rgb(196,191,187)
```
#c9bfb6
```
#c9bfb6 rgb(201,191,182)
```
#cebfb1
```
#cebfb1 rgb(206,191,177)
```
#d3bfac
```
#d3bfac rgb(211,191,172)
```
#d8bfa7
```
#d8bfa7 rgb(216,191,167)
```
#ddbfa2
```
#ddbfa2 rgb(221,191,162)
```
#e2bf9d
```
#e2bf9d rgb(226,191,157)
```
#e7bf98
```
#e7bf98 rgb(231,191,152)
```
#ebbf94
```
#ebbf94 rgb(235,191,148)
```
#f0bf8f
```
#f0bf8f rgb(240,191,143)
```
#f5bf8a
```
#f5bf8a rgb(245,191,138)
```
#fabf85
```
#fabf85 rgb(250,191,133)
```
#ffbf80
```
#ffbf80 rgb(255,191,128)
```

Tone Color Variation

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

Dichromacy

#dfce8a Protanopia 1% of men
#f7c585 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#eac886 Protanomaly 1% of men, 0.01% of women
#fac383 Deuteranomaly 6% of men, 0.4% of women
#ffbdad Tritanomaly 0.01% of the population

#ffbf80 hex color

#ffbf80 Color Information

#ffbf80 Color Conversion

Color Schemes with #ffbf80

Alternatives to #ffbf80

#ffbf80 Preview

Shades and Tints of #ffbf80

Tones of #ffbf80

Color Blindness Simulator