#ffbf1d hex color

In a RGB color space, hex #ffbf1d is composed of 100% red, 74.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 88.6% yellow and 0% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 55.7%. #ffbf1d color hex could be obtained by blending #ffff3a with #ff7f00. Closest websafe color is: #ffcc33.

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

● #ffbf1d color description : Vivid orange.

The hexadecimal color #ffbf1d has RGB values of R:255, G:191, B:29 and CMYK values of C:0, M:0.25, Y:0.89, K:0. Its decimal value is 16760605.

Hex triplet	ffbf1d	`#ffbf1d`
RGB Decimal	255, 191, 29	`rgb(255,191,29)`
RGB Percent	100, 74.9, 11.4	`rgb(100%,74.9%,11.4%)`
CMYK	0, 25, 89, 0
HSL	43°, 100, 55.7	`hsl(43,100%,55.7%)`
HSV (or HSB)	43°, 88.6, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.079, 10.698, 79.264
XYZ	60.094, 58.614, 9.311
xyY	0.469, 0.458, 58.614
CIE-LCH	81.079, 79.983, 82.313
CIE-LUV	81.079, 53.417, 81.222
Hunter-Lab	76.56, 6.131, 46.381
Binary	11111111, 10111111, 00011101

#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#1d5dff
```
#1d5dff rgb(29,93,255)
```

Complementary Color

#ff4e1d
```
#ff4e1d rgb(255,78,29)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#ceff1d
```
#ceff1d rgb(206,255,29)
```

Analogous Color

#4e1dff
```
#4e1dff rgb(78,29,255)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#1dceff
```
#1dceff rgb(29,206,255)
```

Split Complementary Color

#bf1dff
```
#bf1dff rgb(191,29,255)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#1dffbf
```
#1dffbf rgb(29,255,191)
```

Triadic Color

#ff1d5d
```
#ff1d5d rgb(255,29,93)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#1dffbf
```
#1dffbf rgb(29,255,191)
```
#1d5dff
```
#1d5dff rgb(29,93,255)
```

Tetradic Color

#d09500
```
#d09500 rgb(208,149,0)
```
#e9a700
```
#e9a700 rgb(233,167,0)
```
#ffb803
```
#ffb803 rgb(255,184,3)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#ffc637
```
#ffc637 rgb(255,198,55)
```
#ffcd50
```
#ffcd50 rgb(255,205,80)
```
#ffd56a
```
#ffd56a rgb(255,213,106)
```

Monochromatic Color

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

#ff871d
```
#ff871d rgb(255,135,29)
```
#ff991d
```
#ff991d rgb(255,153,29)
```
#ffac1d
```
#ffac1d rgb(255,172,29)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#ffd21d
```
#ffd21d rgb(255,210,29)
```
#ffe51d
```
#ffe51d rgb(255,229,29)
```
#fff81d
```
#fff81d rgb(255,248,29)
```

Similar Colors

Text with hexadecimal color #ffbf1d

This text has a font color of #ffbf1d.

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

#ffbf1d background color

This paragraph has a background color of #ffbf1d.

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

#ffbf1d border color

This element has a border color of #ffbf1d.

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

CSS codes

.text {color:#ffbf1d;}

.background {background-color:#ffbf1d;}

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

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, #090700 is the darkest color, while #fffcf5 is the lightest one.

#090700
```
#090700 rgb(9,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#312300
```
#312300 rgb(49,35,0)
```
#443100
```
#443100 rgb(68,49,0)
```
#583f00
```
#583f00 rgb(88,63,0)
```
#6b4d00
```
#6b4d00 rgb(107,77,0)
```
#7f5b00
```
#7f5b00 rgb(127,91,0)
```
#936900
```
#936900 rgb(147,105,0)
```
#a67700
```
#a67700 rgb(166,119,0)
```
#ba8500
```
#ba8500 rgb(186,133,0)
```
#ce9300
```
#ce9300 rgb(206,147,0)
```
#e1a100
```
#e1a100 rgb(225,161,0)
```
#f5af00
```
#f5af00 rgb(245,175,0)
```

Shade Color Variation

#ffb909
```
#ffb909 rgb(255,185,9)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```
#ffc531
```
#ffc531 rgb(255,197,49)
```
#ffca44
```
#ffca44 rgb(255,202,68)
```
#ffd058
```
#ffd058 rgb(255,208,88)
```
#ffd56b
```
#ffd56b rgb(255,213,107)
```
#ffdb7f
```
#ffdb7f rgb(255,219,127)
```
#ffe093
```
#ffe093 rgb(255,224,147)
```
#ffe6a6
```
#ffe6a6 rgb(255,230,166)
```
#ffebba
```
#ffebba rgb(255,235,186)
```
#fff1ce
```
#fff1ce rgb(255,241,206)
```
#fff7e1
```
#fff7e1 rgb(255,247,225)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#979285
```
#979285 rgb(151,146,133)
```
#9f967d
```
#9f967d rgb(159,150,125)
```
#a89974
```
#a89974 rgb(168,153,116)
```
#b19d6b
```
#b19d6b rgb(177,157,107)
```
#b9a163
```
#b9a163 rgb(185,161,99)
```
#c2a55a
```
#c2a55a rgb(194,165,90)
```
#cba851
```
#cba851 rgb(203,168,81)
```
#d4ac48
```
#d4ac48 rgb(212,172,72)
```
#dcb040
```
#dcb040 rgb(220,176,64)
```
#e5b437
```
#e5b437 rgb(229,180,55)
```
#eeb72e
```
#eeb72e rgb(238,183,46)
```
#f6bb26
```
#f6bb26 rgb(246,187,38)
```
#ffbf1d
```
#ffbf1d rgb(255,191,29)
```

Tone Color Variation

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

Dichromacy

#e4cc2b Protanopia 1% of men
#fec228 Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

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

#ffbf1d hex color

#ffbf1d Color Information

#ffbf1d Color Conversion

Color Schemes with #ffbf1d

Alternatives to #ffbf1d

#ffbf1d Preview

Shades and Tints of #ffbf1d

Tones of #ffbf1d

Color Blindness Simulator