#ffbf1e hex color

In a RGB color space, hex #ffbf1e is composed of 100% red, 74.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 88.2% yellow and 0% black. It has a hue angle of 42.9 degrees, a saturation of 100% and a lightness of 55.9%. #ffbf1e color hex could be obtained by blending #ffff3c with #ff7f00. Closest websafe color is: #ffcc33.

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

● #ffbf1e color description : Vivid orange.

The hexadecimal color #ffbf1e has RGB values of R:255, G:191, B:30 and CMYK values of C:0, M:0.25, Y:0.88, K:0. Its decimal value is 16760606.

Hex triplet	ffbf1e	`#ffbf1e`
RGB Decimal	255, 191, 30	`rgb(255,191,30)`
RGB Percent	100, 74.9, 11.8	`rgb(100%,74.9%,11.8%)`
CMYK	0, 25, 88, 0
HSL	42.9°, 100, 55.9	`hsl(42.9,100%,55.9%)`
HSV (or HSB)	42.9°, 88.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.082, 10.716, 79.061
XYZ	60.106, 58.619, 9.377
xyY	0.469, 0.458, 58.619
CIE-LCH	81.082, 79.784, 82.281
CIE-LUV	81.082, 53.396, 81.103
Hunter-Lab	76.563, 6.148, 46.332
Binary	11111111, 10111111, 00011110

#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#1e5eff
```
#1e5eff rgb(30,94,255)
```

Complementary Color

#ff4f1e
```
#ff4f1e rgb(255,79,30)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#cfff1e
```
#cfff1e rgb(207,255,30)
```

Analogous Color

#4f1eff
```
#4f1eff rgb(79,30,255)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#1ecfff
```
#1ecfff rgb(30,207,255)
```

Split Complementary Color

#bf1eff
```
#bf1eff rgb(191,30,255)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#1effbf
```
#1effbf rgb(30,255,191)
```

Triadic Color

#ff1e5e
```
#ff1e5e rgb(255,30,94)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#1effbf
```
#1effbf rgb(30,255,191)
```
#1e5eff
```
#1e5eff rgb(30,94,255)
```

Tetradic Color

#d19500
```
#d19500 rgb(209,149,0)
```
#eaa700
```
#eaa700 rgb(234,167,0)
```
#ffb804
```
#ffb804 rgb(255,184,4)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#ffc638
```
#ffc638 rgb(255,198,56)
```
#ffce51
```
#ffce51 rgb(255,206,81)
```
#ffd56b
```
#ffd56b rgb(255,213,107)
```

Monochromatic Color

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

#ff871e
```
#ff871e rgb(255,135,30)
```
#ff9a1e
```
#ff9a1e rgb(255,154,30)
```
#ffac1e
```
#ffac1e rgb(255,172,30)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#ffd21e
```
#ffd21e rgb(255,210,30)
```
#ffe51e
```
#ffe51e rgb(255,229,30)
```
#fff71e
```
#fff71e rgb(255,247,30)
```

Similar Colors

Text with hexadecimal color #ffbf1e

This text has a font color of #ffbf1e.

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

#ffbf1e background color

This paragraph has a background color of #ffbf1e.

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

#ffbf1e border color

This element has a border color of #ffbf1e.

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

CSS codes

.text {color:#ffbf1e;}

.background {background-color:#ffbf1e;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1e1500
```
#1e1500 rgb(30,21,0)
```
#322400
```
#322400 rgb(50,36,0)
```
#453200
```
#453200 rgb(69,50,0)
```
#594000
```
#594000 rgb(89,64,0)
```
#6c4e00
```
#6c4e00 rgb(108,78,0)
```
#805c00
```
#805c00 rgb(128,92,0)
```
#946a00
```
#946a00 rgb(148,106,0)
```
#a77800
```
#a77800 rgb(167,120,0)
```
#bb8600
```
#bb8600 rgb(187,134,0)
```
#cf9400
```
#cf9400 rgb(207,148,0)
```
#e2a200
```
#e2a200 rgb(226,162,0)
```
#f6b000
```
#f6b000 rgb(246,176,0)
```

Shade Color Variation

#ffb90a
```
#ffb90a rgb(255,185,10)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```
#ffc532
```
#ffc532 rgb(255,197,50)
```
#ffca45
```
#ffca45 rgb(255,202,69)
```
#ffd059
```
#ffd059 rgb(255,208,89)
```
#ffd56c
```
#ffd56c rgb(255,213,108)
```
#ffdb80
```
#ffdb80 rgb(255,219,128)
```
#ffe094
```
#ffe094 rgb(255,224,148)
```
#ffe6a7
```
#ffe6a7 rgb(255,230,167)
```
#ffecbb
```
#ffecbb rgb(255,236,187)
```
#fff1cf
```
#fff1cf rgb(255,241,207)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#979286
```
#979286 rgb(151,146,134)
```
#a0967d
```
#a0967d rgb(160,150,125)
```
#a89a75
```
#a89a75 rgb(168,154,117)
```
#b19d6c
```
#b19d6c rgb(177,157,108)
```
#baa163
```
#baa163 rgb(186,161,99)
```
#c2a55b
```
#c2a55b rgb(194,165,91)
```
#cba952
```
#cba952 rgb(203,169,82)
```
#d4ac49
```
#d4ac49 rgb(212,172,73)
```
#dcb041
```
#dcb041 rgb(220,176,65)
```
#e5b438
```
#e5b438 rgb(229,180,56)
```
#eeb82f
```
#eeb82f rgb(238,184,47)
```
#f6bb27
```
#f6bb27 rgb(246,187,39)
```
#ffbf1e
```
#ffbf1e rgb(255,191,30)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cdc0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc2c Protanopia 1% of men
#fec229 Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

#eec727 Protanomaly 1% of men, 0.01% of women
#fec125 Deuteranomaly 6% of men, 0.4% of women
#ffbb87 Tritanomaly 0.01% of the population

#ffbf1e hex color

#ffbf1e Color Information

#ffbf1e Color Conversion

Color Schemes with #ffbf1e

Alternatives to #ffbf1e

#ffbf1e Preview

Shades and Tints of #ffbf1e

Tones of #ffbf1e

Color Blindness Simulator