#ffbf1f hex color

In a RGB color space, hex #ffbf1f is composed of 100% red, 74.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 87.8% yellow and 0% black. It has a hue angle of 42.9 degrees, a saturation of 100% and a lightness of 56.1%. #ffbf1f color hex could be obtained by blending #ffff3e 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

● #ffbf1f color description : Vivid orange.

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

Hex triplet	ffbf1f	`#ffbf1f`
RGB Decimal	255, 191, 31	`rgb(255,191,31)`
RGB Percent	100, 74.9, 12.2	`rgb(100%,74.9%,12.2%)`
CMYK	0, 25, 88, 0
HSL	42.9°, 100, 56.1	`hsl(42.9,100%,56.1%)`
HSV (or HSB)	42.9°, 87.8, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.084, 10.735, 78.851
XYZ	60.119, 58.624, 9.445
xyY	0.469, 0.457, 58.624
CIE-LCH	81.084, 79.579, 82.247
CIE-LUV	81.084, 53.374, 80.981
Hunter-Lab	76.566, 6.166, 46.282
Binary	11111111, 10111111, 00011111

#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#1f5fff
```
#1f5fff rgb(31,95,255)
```

Complementary Color

#ff4f1f
```
#ff4f1f rgb(255,79,31)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#cfff1f
```
#cfff1f rgb(207,255,31)
```

Analogous Color

#4f1fff
```
#4f1fff rgb(79,31,255)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#1fcfff
```
#1fcfff rgb(31,207,255)
```

Split Complementary Color

#bf1fff
```
#bf1fff rgb(191,31,255)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#1fffbf
```
#1fffbf rgb(31,255,191)
```

Triadic Color

#ff1f5f
```
#ff1f5f rgb(255,31,95)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#1fffbf
```
#1fffbf rgb(31,255,191)
```
#1f5fff
```
#1f5fff rgb(31,95,255)
```

Tetradic Color

#d29600
```
#d29600 rgb(210,150,0)
```
#eba800
```
#eba800 rgb(235,168,0)
```
#ffb805
```
#ffb805 rgb(255,184,5)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#ffc639
```
#ffc639 rgb(255,198,57)
```
#ffce52
```
#ffce52 rgb(255,206,82)
```
#ffd56c
```
#ffd56c rgb(255,213,108)
```

Monochromatic Color

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

#ff871f
```
#ff871f rgb(255,135,31)
```
#ff9a1f
```
#ff9a1f rgb(255,154,31)
```
#ffac1f
```
#ffac1f rgb(255,172,31)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#ffd21f
```
#ffd21f rgb(255,210,31)
```
#ffe41f
```
#ffe41f rgb(255,228,31)
```
#fff71f
```
#fff71f rgb(255,247,31)
```

Similar Colors

Text with hexadecimal color #ffbf1f

This text has a font color of #ffbf1f.

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

#ffbf1f background color

This paragraph has a background color of #ffbf1f.

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

#ffbf1f border color

This element has a border color of #ffbf1f.

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

CSS codes

.text {color:#ffbf1f;}

.background {background-color:#ffbf1f;}

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

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

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1f1600
```
#1f1600 rgb(31,22,0)
```
#332400
```
#332400 rgb(51,36,0)
```
#463200
```
#463200 rgb(70,50,0)
```
#5a4000
```
#5a4000 rgb(90,64,0)
```
#6d4e00
```
#6d4e00 rgb(109,78,0)
```
#815c00
```
#815c00 rgb(129,92,0)
```
#956a00
```
#956a00 rgb(149,106,0)
```
#a87800
```
#a87800 rgb(168,120,0)
```
#bc8600
```
#bc8600 rgb(188,134,0)
```
#d09400
```
#d09400 rgb(208,148,0)
```
#e3a200
```
#e3a200 rgb(227,162,0)
```
#f7b000
```
#f7b000 rgb(247,176,0)
```

Shade Color Variation

#ffb90b
```
#ffb90b rgb(255,185,11)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```
#ffc533
```
#ffc533 rgb(255,197,51)
```
#ffca46
```
#ffca46 rgb(255,202,70)
```
#ffd05a
```
#ffd05a rgb(255,208,90)
```
#ffd56d
```
#ffd56d rgb(255,213,109)
```
#ffdb81
```
#ffdb81 rgb(255,219,129)
```
#ffe195
```
#ffe195 rgb(255,225,149)
```
#ffe6a8
```
#ffe6a8 rgb(255,230,168)
```
#ffecbc
```
#ffecbc rgb(255,236,188)
```
#fff1d0
```
#fff1d0 rgb(255,241,208)
```
#fff7e3
```
#fff7e3 rgb(255,247,227)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#989386
```
#989386 rgb(152,147,134)
```
#a0967e
```
#a0967e rgb(160,150,126)
```
#a99a75
```
#a99a75 rgb(169,154,117)
```
#b19e6d
```
#b19e6d rgb(177,158,109)
```
#baa164
```
#baa164 rgb(186,161,100)
```
#c3a55b
```
#c3a55b rgb(195,165,91)
```
#cba953
```
#cba953 rgb(203,169,83)
```
#d4ad4a
```
#d4ad4a rgb(212,173,74)
```
#ddb041
```
#ddb041 rgb(221,176,65)
```
#e5b439
```
#e5b439 rgb(229,180,57)
```
#eeb830
```
#eeb830 rgb(238,184,48)
```
#f6bb28
```
#f6bb28 rgb(246,187,40)
```
#ffbf1f
```
#ffbf1f rgb(255,191,31)
```

Tone Color Variation

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

#e4cc2d Protanopia 1% of men
#fec22a Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

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

#ffbf1f hex color

#ffbf1f Color Information

#ffbf1f Color Conversion

Color Schemes with #ffbf1f

Alternatives to #ffbf1f

#ffbf1f Preview

Shades and Tints of #ffbf1f

Tones of #ffbf1f

Color Blindness Simulator