#ffbf4e hex color

In a RGB color space, hex #ffbf4e is composed of 100% red, 74.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 69.4% yellow and 0% black. It has a hue angle of 38.3 degrees, a saturation of 100% and a lightness of 65.3%. #ffbf4e color hex could be obtained by blending #ffff9c with #ff7f00. Closest websafe color is: #ffcc66.

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

● #ffbf4e color description : Light orange.

The hexadecimal color #ffbf4e has RGB values of R:255, G:191, B:78 and CMYK values of C:0, M:0.25, Y:0.69, K:0. Its decimal value is 16760654.

Hex triplet	ffbf4e	`#ffbf4e`
RGB Decimal	255, 191, 78	`rgb(255,191,78)`
RGB Percent	100, 74.9, 30.6	`rgb(100%,74.9%,30.6%)`
CMYK	0, 25, 69, 0
HSL	38.3°, 100, 65.3	`hsl(38.3,100%,65.3%)`
HSV (or HSB)	38.3°, 69.4, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.333, 12.331, 63.647
XYZ	61.247, 59.075, 15.384
xyY	0.451, 0.435, 59.075
CIE-LCH	81.333, 64.831, 79.035
CIE-LUV	81.333, 51.539, 70.634
Hunter-Lab	76.86, 7.734, 41.935
Binary	11111111, 10111111, 01001110

#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#4e8eff
```
#4e8eff rgb(78,142,255)
```

Complementary Color

#ff674e
```
#ff674e rgb(255,103,78)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#e7ff4e
```
#e7ff4e rgb(231,255,78)
```

Analogous Color

#674eff
```
#674eff rgb(103,78,255)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#4ee7ff
```
#4ee7ff rgb(78,231,255)
```

Split Complementary Color

#bf4eff
```
#bf4eff rgb(191,78,255)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#4effbf
```
#4effbf rgb(78,255,191)
```

Triadic Color

#ff4e8e
```
#ff4e8e rgb(255,78,142)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#4effbf
```
#4effbf rgb(78,255,191)
```
#4e8eff
```
#4e8eff rgb(78,142,255)
```

Tetradic Color

#ffa301
```
#ffa301 rgb(255,163,1)
```
#ffad1b
```
#ffad1b rgb(255,173,27)
```
#ffb635
```
#ffb635 rgb(255,182,53)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#ffc868
```
#ffc868 rgb(255,200,104)
```
#ffd181
```
#ffd181 rgb(255,209,129)
```
#ffdb9b
```
#ffdb9b rgb(255,219,155)
```

Monochromatic Color

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

#ff934e
```
#ff934e rgb(255,147,78)
```
#ffa24e
```
#ffa24e rgb(255,162,78)
```
#ffb04e
```
#ffb04e rgb(255,176,78)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#ffce4e
```
#ffce4e rgb(255,206,78)
```
#ffdd4e
```
#ffdd4e rgb(255,221,78)
```
#ffeb4e
```
#ffeb4e rgb(255,235,78)
```

Similar Colors

Text with hexadecimal color #ffbf4e

This text has a font color of #ffbf4e.

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

#ffbf4e background color

This paragraph has a background color of #ffbf4e.

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

#ffbf4e border color

This element has a border color of #ffbf4e.

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

CSS codes

.text {color:#ffbf4e;}

.background {background-color:#ffbf4e;}

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

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, #130c00 is the darkest color, while #ffffff is the lightest one.

#130c00
```
#130c00 rgb(19,12,0)
```
#271900
```
#271900 rgb(39,25,0)
```
#3a2500
```
#3a2500 rgb(58,37,0)
```
#4e3200
```
#4e3200 rgb(78,50,0)
```
#623e00
```
#623e00 rgb(98,62,0)
```
#754b00
```
#754b00 rgb(117,75,0)
```
#895700
```
#895700 rgb(137,87,0)
```
#9c6400
```
#9c6400 rgb(156,100,0)
```
#b07000
```
#b07000 rgb(176,112,0)
```
#c47d00
```
#c47d00 rgb(196,125,0)
```
#d78900
```
#d78900 rgb(215,137,0)
```
#eb9600
```
#eb9600 rgb(235,150,0)
```
#ffa300
```
#ffa300 rgb(255,163,0)
```

Shade Color Variation

#ffaa13
```
#ffaa13 rgb(255,170,19)
```
#ffb127
```
#ffb127 rgb(255,177,39)
```
#ffb83a
```
#ffb83a rgb(255,184,58)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```
#ffc662
```
#ffc662 rgb(255,198,98)
```
#ffcd75
```
#ffcd75 rgb(255,205,117)
```
#ffd489
```
#ffd489 rgb(255,212,137)
```
#ffdb9c
```
#ffdb9c rgb(255,219,156)
```
#ffe2b0
```
#ffe2b0 rgb(255,226,176)
```
#ffeac4
```
#ffeac4 rgb(255,234,196)
```
#fff1d7
```
#fff1d7 rgb(255,241,215)
```
#fff8eb
```
#fff8eb rgb(255,248,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#ada8a0
```
#ada8a0 rgb(173,168,160)
```
#b4aa99
```
#b4aa99 rgb(180,170,153)
```
#bbac92
```
#bbac92 rgb(187,172,146)
```
#c2ae8b
```
#c2ae8b rgb(194,174,139)
```
#c9b084
```
#c9b084 rgb(201,176,132)
```
#cfb27e
```
#cfb27e rgb(207,178,126)
```
#d6b477
```
#d6b477 rgb(214,180,119)
```
#ddb670
```
#ddb670 rgb(221,182,112)
```
#e4b769
```
#e4b769 rgb(228,183,105)
```
#ebb962
```
#ebb962 rgb(235,185,98)
```
#f1bb5c
```
#f1bb5c rgb(241,187,92)
```
#f8bd55
```
#f8bd55 rgb(248,189,85)
```
#ffbf4e
```
#ffbf4e rgb(255,191,78)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d1c4ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cd5a Protanopia 1% of men
#fcc356 Deuteranopia 1% of men
#ffbac5 Tritanopia 0.001% of the population

Trichromacy

#edc755 Protanomaly 1% of men, 0.01% of women
#fdc153 Deuteranomaly 6% of men, 0.4% of women
#ffbc99 Tritanomaly 0.01% of the population

#ffbf4e hex color

#ffbf4e Color Information

#ffbf4e Color Conversion

Color Schemes with #ffbf4e

Alternatives to #ffbf4e

#ffbf4e Preview

Shades and Tints of #ffbf4e

Tones of #ffbf4e

Color Blindness Simulator