#ffbd4b hex color

In a RGB color space, hex #ffbd4b is composed of 100% red, 74.1% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 70.6% yellow and 0% black. It has a hue angle of 38 degrees, a saturation of 100% and a lightness of 64.7%. #ffbd4b color hex could be obtained by blending #ffff96 with #ff7b00. Closest websafe color is: #ffcc33.

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

● #ffbd4b color description : Light orange.

The hexadecimal color #ffbd4b has RGB values of R:255, G:189, B:75 and CMYK values of C:0, M:0.26, Y:0.71, K:0. Its decimal value is 16760139.

Hex triplet	ffbd4b	`#ffbd4b`
RGB Decimal	255, 189, 75	`rgb(255,189,75)`
RGB Percent	100, 74.1, 29.4	`rgb(100%,74.1%,29.4%)`
CMYK	0, 26, 71, 0
HSL	38°, 100, 64.7	`hsl(38,100%,64.7%)`
HSV (or HSB)	38°, 70.6, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.831, 13.224, 64.383
XYZ	60.709, 58.167, 14.686
xyY	0.455, 0.436, 58.167
CIE-LCH	80.831, 65.727, 78.393
CIE-LUV	80.831, 53.217, 70.763
Hunter-Lab	76.267, 8.619, 41.97
Binary	11111111, 10111101, 01001011

#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#4b8dff
```
#4b8dff rgb(75,141,255)
```

Complementary Color

#ff634b
```
#ff634b rgb(255,99,75)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#e7ff4b
```
#e7ff4b rgb(231,255,75)
```

Analogous Color

#634bff
```
#634bff rgb(99,75,255)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#4be7ff
```
#4be7ff rgb(75,231,255)
```

Split Complementary Color

#bd4bff
```
#bd4bff rgb(189,75,255)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#4bffbd
```
#4bffbd rgb(75,255,189)
```

Triadic Color

#ff4b8d
```
#ff4b8d rgb(255,75,141)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#4bffbd
```
#4bffbd rgb(75,255,189)
```
#4b8dff
```
#4b8dff rgb(75,141,255)
```

Tetradic Color

#fea100
```
#fea100 rgb(254,161,0)
```
#ffaa18
```
#ffaa18 rgb(255,170,24)
```
#ffb432
```
#ffb432 rgb(255,180,50)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#ffc665
```
#ffc665 rgb(255,198,101)
```
#ffd07e
```
#ffd07e rgb(255,208,126)
```
#ffd998
```
#ffd998 rgb(255,217,152)
```

Monochromatic Color

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

#ff904b
```
#ff904b rgb(255,144,75)
```
#ff9f4b
```
#ff9f4b rgb(255,159,75)
```
#ffae4b
```
#ffae4b rgb(255,174,75)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#ffcc4b
```
#ffcc4b rgb(255,204,75)
```
#ffdb4b
```
#ffdb4b rgb(255,219,75)
```
#ffea4b
```
#ffea4b rgb(255,234,75)
```

Similar Colors

Text with hexadecimal color #ffbd4b

This text has a font color of #ffbd4b.

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

#ffbd4b background color

This paragraph has a background color of #ffbd4b.

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

#ffbd4b border color

This element has a border color of #ffbd4b.

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

CSS codes

.text {color:#ffbd4b;}

.background {background-color:#ffbd4b;}

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

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, #100a00 is the darkest color, while #fffefc is the lightest one.

#100a00
```
#100a00 rgb(16,10,0)
```
#241700
```
#241700 rgb(36,23,0)
```
#372300
```
#372300 rgb(55,35,0)
```
#4b2f00
```
#4b2f00 rgb(75,47,0)
```
#5f3c00
```
#5f3c00 rgb(95,60,0)
```
#724800
```
#724800 rgb(114,72,0)
```
#865500
```
#865500 rgb(134,85,0)
```
#996100
```
#996100 rgb(153,97,0)
```
#ad6e00
```
#ad6e00 rgb(173,110,0)
```
#c17a00
```
#c17a00 rgb(193,122,0)
```
#d48600
```
#d48600 rgb(212,134,0)
```
#e89300
```
#e89300 rgb(232,147,0)
```
#fc9f00
```
#fc9f00 rgb(252,159,0)
```

Shade Color Variation

#ffa710
```
#ffa710 rgb(255,167,16)
```
#ffaf24
```
#ffaf24 rgb(255,175,36)
```
#ffb637
```
#ffb637 rgb(255,182,55)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```
#ffc45f
```
#ffc45f rgb(255,196,95)
```
#ffcb72
```
#ffcb72 rgb(255,203,114)
```
#ffd386
```
#ffd386 rgb(255,211,134)
```
#ffda99
```
#ffda99 rgb(255,218,153)
```
#ffe1ad
```
#ffe1ad rgb(255,225,173)
```
#ffe8c1
```
#ffe8c1 rgb(255,232,193)
```
#ffefd4
```
#ffefd4 rgb(255,239,212)
```
#fff7e8
```
#fff7e8 rgb(255,247,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#aca79e
```
#aca79e rgb(172,167,158)
```
#b3a997
```
#b3a997 rgb(179,169,151)
```
#baab90
```
#baab90 rgb(186,171,144)
```
#c1ac89
```
#c1ac89 rgb(193,172,137)
```
#c8ae82
```
#c8ae82 rgb(200,174,130)
```
#cfb07b
```
#cfb07b rgb(207,176,123)
```
#d5b275
```
#d5b275 rgb(213,178,117)
```
#dcb46e
```
#dcb46e rgb(220,180,110)
```
#e3b667
```
#e3b667 rgb(227,182,103)
```
#eab760
```
#eab760 rgb(234,183,96)
```
#f1b959
```
#f1b959 rgb(241,185,89)
```
#f8bb52
```
#f8bb52 rgb(248,187,82)
```
#ffbd4b
```
#ffbd4b rgb(255,189,75)
```

Tone Color Variation

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

#e1cb57 Protanopia 1% of men
#fbc253 Deuteranopia 1% of men
#ffb8c3 Tritanopia 0.001% of the population

Trichromacy

#ecc652 Protanomaly 1% of men, 0.01% of women
#fcc050 Deuteranomaly 6% of men, 0.4% of women
#ffba97 Tritanomaly 0.01% of the population

#ffbd4b hex color

#ffbd4b Color Information

#ffbd4b Color Conversion

Color Schemes with #ffbd4b

Alternatives to #ffbd4b

#ffbd4b Preview

Shades and Tints of #ffbd4b

Tones of #ffbd4b

Color Blindness Simulator