#ffbd4d hex color

In a RGB color space, hex #ffbd4d is composed of 100% red, 74.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 69.8% yellow and 0% black. It has a hue angle of 37.8 degrees, a saturation of 100% and a lightness of 65.1%. #ffbd4d color hex could be obtained by blending #ffff9a with #ff7b00. Closest websafe color is: #ffcc66.

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

● #ffbd4d color description : Light orange.

The hexadecimal color #ffbd4d has RGB values of R:255, G:189, B:77 and CMYK values of C:0, M:0.26, Y:0.7, K:0. Its decimal value is 16760141.

Hex triplet	ffbd4d	`#ffbd4d`
RGB Decimal	255, 189, 77	`rgb(255,189,77)`
RGB Percent	100, 74.1, 30.2	`rgb(100%,74.1%,30.2%)`
CMYK	0, 26, 70, 0
HSL	37.8°, 100, 65.1	`hsl(37.8,100%,65.1%)`
HSV (or HSB)	37.8°, 69.8, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.847, 13.322, 63.563
XYZ	60.778, 58.194, 15.052
xyY	0.453, 0.434, 58.194
CIE-LCH	80.847, 64.944, 78.163
CIE-LUV	80.847, 53.103, 70.133
Hunter-Lab	76.285, 8.716, 41.701
Binary	11111111, 10111101, 01001101

#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#4d8fff
```
#4d8fff rgb(77,143,255)
```

Complementary Color

#ff644d
```
#ff644d rgb(255,100,77)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#e8ff4d
```
#e8ff4d rgb(232,255,77)
```

Analogous Color

#644dff
```
#644dff rgb(100,77,255)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#4de8ff
```
#4de8ff rgb(77,232,255)
```

Split Complementary Color

#bd4dff
```
#bd4dff rgb(189,77,255)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#4dffbd
```
#4dffbd rgb(77,255,189)
```

Triadic Color

#ff4d8f
```
#ff4d8f rgb(255,77,143)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#4dffbd
```
#4dffbd rgb(77,255,189)
```
#4d8fff
```
#4d8fff rgb(77,143,255)
```

Tetradic Color

#ffa100
```
#ffa100 rgb(255,161,0)
```
#ffaa1a
```
#ffaa1a rgb(255,170,26)
```
#ffb434
```
#ffb434 rgb(255,180,52)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#ffc667
```
#ffc667 rgb(255,198,103)
```
#ffd080
```
#ffd080 rgb(255,208,128)
```
#ffd99a
```
#ffd99a rgb(255,217,154)
```

Monochromatic Color

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

#ff914d
```
#ff914d rgb(255,145,77)
```
#ff9f4d
```
#ff9f4d rgb(255,159,77)
```
#ffae4d
```
#ffae4d rgb(255,174,77)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#ffcc4d
```
#ffcc4d rgb(255,204,77)
```
#ffdb4d
```
#ffdb4d rgb(255,219,77)
```
#ffea4d
```
#ffea4d rgb(255,234,77)
```

Similar Colors

Text with hexadecimal color #ffbd4d

This text has a font color of #ffbd4d.

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

#ffbd4d background color

This paragraph has a background color of #ffbd4d.

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

#ffbd4d border color

This element has a border color of #ffbd4d.

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

CSS codes

.text {color:#ffbd4d;}

.background {background-color:#ffbd4d;}

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

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, #120b00 is the darkest color, while #fffefe is the lightest one.

#120b00
```
#120b00 rgb(18,11,0)
```
#261800
```
#261800 rgb(38,24,0)
```
#392400
```
#392400 rgb(57,36,0)
```
#4d3000
```
#4d3000 rgb(77,48,0)
```
#613d00
```
#613d00 rgb(97,61,0)
```
#744900
```
#744900 rgb(116,73,0)
```
#885500
```
#885500 rgb(136,85,0)
```
#9b6200
```
#9b6200 rgb(155,98,0)
```
#af6e00
```
#af6e00 rgb(175,110,0)
```
#c37b00
```
#c37b00 rgb(195,123,0)
```
#d68700
```
#d68700 rgb(214,135,0)
```
#ea9300
```
#ea9300 rgb(234,147,0)
```
#fea000
```
#fea000 rgb(254,160,0)
```

Shade Color Variation

#ffa712
```
#ffa712 rgb(255,167,18)
```
#ffae26
```
#ffae26 rgb(255,174,38)
```
#ffb639
```
#ffb639 rgb(255,182,57)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```
#ffc461
```
#ffc461 rgb(255,196,97)
```
#ffcc74
```
#ffcc74 rgb(255,204,116)
```
#ffd388
```
#ffd388 rgb(255,211,136)
```
#ffda9b
```
#ffda9b rgb(255,218,155)
```
#ffe1af
```
#ffe1af rgb(255,225,175)
```
#ffe9c3
```
#ffe9c3 rgb(255,233,195)
```
#fff0d6
```
#fff0d6 rgb(255,240,214)
```
#fff7ea
```
#fff7ea rgb(255,247,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#ada89f
```
#ada89f rgb(173,168,159)
```
#b4aa98
```
#b4aa98 rgb(180,170,152)
```
#bbab91
```
#bbab91 rgb(187,171,145)
```
#c1ad8b
```
#c1ad8b rgb(193,173,139)
```
#c8af84
```
#c8af84 rgb(200,175,132)
```
#cfb17d
```
#cfb17d rgb(207,177,125)
```
#d6b276
```
#d6b276 rgb(214,178,118)
```
#ddb46f
```
#ddb46f rgb(221,180,111)
```
#e4b668
```
#e4b668 rgb(228,182,104)
```
#eab862
```
#eab862 rgb(234,184,98)
```
#f1b95b
```
#f1b95b rgb(241,185,91)
```
#f8bb54
```
#f8bb54 rgb(248,187,84)
```
#ffbd4d
```
#ffbd4d rgb(255,189,77)
```

Tone Color Variation

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

Dichromacy

#e1cb59 Protanopia 1% of men
#fbc255 Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

#ecc654 Protanomaly 1% of men, 0.01% of women
#fcc052 Deuteranomaly 6% of men, 0.4% of women
#ffba98 Tritanomaly 0.01% of the population

#ffbd4d hex color

#ffbd4d Color Information

#ffbd4d Color Conversion

Color Schemes with #ffbd4d

Alternatives to #ffbd4d

#ffbd4d Preview

Shades and Tints of #ffbd4d

Tones of #ffbd4d

Color Blindness Simulator