#ffbd4f hex color

In a RGB color space, hex #ffbd4f is composed of 100% red, 74.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 69% yellow and 0% black. It has a hue angle of 37.5 degrees, a saturation of 100% and a lightness of 65.5%. #ffbd4f color hex could be obtained by blending #ffff9e with #ff7b00. Closest websafe color is: #ffcc66.

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

● #ffbd4f color description : Light orange.

The hexadecimal color #ffbd4f has RGB values of R:255, G:189, B:79 and CMYK values of C:0, M:0.26, Y:0.69, K:0. Its decimal value is 16760143.

Hex triplet	ffbd4f	`#ffbd4f`
RGB Decimal	255, 189, 79	`rgb(255,189,79)`
RGB Percent	100, 74.1, 31	`rgb(100%,74.1%,31%)`
CMYK	0, 26, 69, 0
HSL	37.5°, 100, 65.5	`hsl(37.5,100%,65.5%)`
HSV (or HSB)	37.5°, 69, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.863, 13.422, 62.733
XYZ	60.85, 58.223, 15.43
xyY	0.452, 0.433, 58.223
CIE-LCH	80.863, 64.153, 77.923
CIE-LUV	80.863, 52.986, 69.486
Hunter-Lab	76.304, 8.816, 41.423
Binary	11111111, 10111101, 01001111

#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#4f91ff
```
#4f91ff rgb(79,145,255)
```

Complementary Color

#ff654f
```
#ff654f rgb(255,101,79)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#e9ff4f
```
#e9ff4f rgb(233,255,79)
```

Analogous Color

#654fff
```
#654fff rgb(101,79,255)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#4fe9ff
```
#4fe9ff rgb(79,233,255)
```

Split Complementary Color

#bd4fff
```
#bd4fff rgb(189,79,255)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#4fffbd
```
#4fffbd rgb(79,255,189)
```

Triadic Color

#ff4f91
```
#ff4f91 rgb(255,79,145)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#4fffbd
```
#4fffbd rgb(79,255,189)
```
#4f91ff
```
#4f91ff rgb(79,145,255)
```

Tetradic Color

#ffa002
```
#ffa002 rgb(255,160,2)
```
#ffaa1c
```
#ffaa1c rgb(255,170,28)
```
#ffb336
```
#ffb336 rgb(255,179,54)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#ffc769
```
#ffc769 rgb(255,199,105)
```
#ffd082
```
#ffd082 rgb(255,208,130)
```
#ffda9c
```
#ffda9c rgb(255,218,156)
```

Monochromatic Color

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

#ff914f
```
#ff914f rgb(255,145,79)
```
#ffa04f
```
#ffa04f rgb(255,160,79)
```
#ffae4f
```
#ffae4f rgb(255,174,79)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#ffcc4f
```
#ffcc4f rgb(255,204,79)
```
#ffda4f
```
#ffda4f rgb(255,218,79)
```
#ffe94f
```
#ffe94f rgb(255,233,79)
```

Similar Colors

Text with hexadecimal color #ffbd4f

This text has a font color of #ffbd4f.

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

#ffbd4f background color

This paragraph has a background color of #ffbd4f.

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

#ffbd4f border color

This element has a border color of #ffbd4f.

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

CSS codes

.text {color:#ffbd4f;}

.background {background-color:#ffbd4f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140d00
```
#140d00 rgb(20,13,0)
```
#281900
```
#281900 rgb(40,25,0)
```
#3b2500
```
#3b2500 rgb(59,37,0)
```
#4f3100
```
#4f3100 rgb(79,49,0)
```
#633e00
```
#633e00 rgb(99,62,0)
```
#764a00
```
#764a00 rgb(118,74,0)
```
#8a5600
```
#8a5600 rgb(138,86,0)
```
#9d6200
```
#9d6200 rgb(157,98,0)
```
#b16f00
```
#b16f00 rgb(177,111,0)
```
#c57b00
```
#c57b00 rgb(197,123,0)
```
#d88700
```
#d88700 rgb(216,135,0)
```
#ec9300
```
#ec9300 rgb(236,147,0)
```

Shade Color Variation

#ffa001
```
#ffa001 rgb(255,160,1)
```
#ffa714
```
#ffa714 rgb(255,167,20)
```
#ffae28
```
#ffae28 rgb(255,174,40)
```
#ffb63b
```
#ffb63b rgb(255,182,59)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```
#ffc463
```
#ffc463 rgb(255,196,99)
```
#ffcc76
```
#ffcc76 rgb(255,204,118)
```
#ffd38a
```
#ffd38a rgb(255,211,138)
```
#ffda9d
```
#ffda9d rgb(255,218,157)
```
#ffe2b1
```
#ffe2b1 rgb(255,226,177)
```
#ffe9c5
```
#ffe9c5 rgb(255,233,197)
```
#fff0d8
```
#fff0d8 rgb(255,240,216)
```
#fff8ec
```
#fff8ec rgb(255,248,236)
```

Tint Color Variation

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

#aea9a0
```
#aea9a0 rgb(174,169,160)
```
#b5aa99
```
#b5aa99 rgb(181,170,153)
```
#bbac93
```
#bbac93 rgb(187,172,147)
```
#c2ae8c
```
#c2ae8c rgb(194,174,140)
```
#c9af85
```
#c9af85 rgb(201,175,133)
```
#d0b17e
```
#d0b17e rgb(208,177,126)
```
#d6b378
```
#d6b378 rgb(214,179,120)
```
#ddb571
```
#ddb571 rgb(221,181,113)
```
#e4b66a
```
#e4b66a rgb(228,182,106)
```
#ebb863
```
#ebb863 rgb(235,184,99)
```
#f1ba5d
```
#f1ba5d rgb(241,186,93)
```
#f8bb56
```
#f8bb56 rgb(248,187,86)
```
#ffbd4f
```
#ffbd4f rgb(255,189,79)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#d0c3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb5b Protanopia 1% of men
#fac257 Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

#ecc656 Protanomaly 1% of men, 0.01% of women
#fcc054 Deuteranomaly 6% of men, 0.4% of women
#ffba99 Tritanomaly 0.01% of the population

#ffbd4f hex color

#ffbd4f Color Information

#ffbd4f Color Conversion

Color Schemes with #ffbd4f

Alternatives to #ffbd4f

#ffbd4f Preview

Shades and Tints of #ffbd4f

Tones of #ffbd4f

Color Blindness Simulator