#ffb14a hex color

In a RGB color space, hex #ffb14a is composed of 100% red, 69.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 71% yellow and 0% black. It has a hue angle of 34.1 degrees, a saturation of 100% and a lightness of 64.5%. #ffb14a color hex could be obtained by blending #ffff94 with #ff6300. Closest websafe color is: #ff9933.

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

● #ffb14a color description : Light orange.

The hexadecimal color #ffb14a has RGB values of R:255, G:177, B:74 and CMYK values of C:0, M:0.31, Y:0.71, K:0. Its decimal value is 16757066.

Hex triplet	ffb14a	`#ffb14a`
RGB Decimal	255, 177, 74	`rgb(255,177,74)`
RGB Percent	100, 69.4, 29	`rgb(100%,69.4%,29%)`
CMYK	0, 31, 71, 0
HSL	34.1°, 100, 64.5	`hsl(34.1,100%,64.5%)`
HSV (or HSB)	34.1°, 71, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.994, 19.436, 61.884
XYZ	58.199, 53.202, 13.682
xyY	0.465, 0.425, 53.202
CIE-LCH	77.994, 64.864, 72.564
CIE-LUV	77.994, 62.466, 66.209
Hunter-Lab	72.94, 14.782, 39.936
Binary	11111111, 10110001, 01001010

#ffb14a
```
#ffb14a rgb(255,177,74)
```
#4a98ff
```
#4a98ff rgb(74,152,255)
```

Complementary Color

#ff574a
```
#ff574a rgb(255,87,74)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#f3ff4a
```
#f3ff4a rgb(243,255,74)
```

Analogous Color

#564aff
```
#564aff rgb(86,74,255)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#4af3ff
```
#4af3ff rgb(74,243,255)
```

Split Complementary Color

#b14aff
```
#b14aff rgb(177,74,255)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#4affb1
```
#4affb1 rgb(74,255,177)
```

Triadic Color

#ff4a98
```
#ff4a98 rgb(255,74,152)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#4affb1
```
#4affb1 rgb(74,255,177)
```
#4a98ff
```
#4a98ff rgb(74,152,255)
```

Tetradic Color

#fd9000
```
#fd9000 rgb(253,144,0)
```
#ff9b17
```
#ff9b17 rgb(255,155,23)
```
#ffa631
```
#ffa631 rgb(255,166,49)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#ffbc64
```
#ffbc64 rgb(255,188,100)
```
#ffc77d
```
#ffc77d rgb(255,199,125)
```
#ffd297
```
#ffd297 rgb(255,210,151)
```

Monochromatic Color

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

#ff844a
```
#ff844a rgb(255,132,74)
```
#ff934a
```
#ff934a rgb(255,147,74)
```
#ffa24a
```
#ffa24a rgb(255,162,74)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#ffc04a
```
#ffc04a rgb(255,192,74)
```
#ffcf4a
```
#ffcf4a rgb(255,207,74)
```
#ffde4a
```
#ffde4a rgb(255,222,74)
```

Similar Colors

Text with hexadecimal color #ffb14a

This text has a font color of #ffb14a.

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

#ffb14a background color

This paragraph has a background color of #ffb14a.

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

#ffb14a border color

This element has a border color of #ffb14a.

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

CSS codes

.text {color:#ffb14a;}

.background {background-color:#ffb14a;}

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

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

#0f0900
```
#0f0900 rgb(15,9,0)
```
#231400
```
#231400 rgb(35,20,0)
```
#361f00
```
#361f00 rgb(54,31,0)
```
#4a2a00
```
#4a2a00 rgb(74,42,0)
```
#5e3500
```
#5e3500 rgb(94,53,0)
```
#714000
```
#714000 rgb(113,64,0)
```
#854c00
```
#854c00 rgb(133,76,0)
```
#985700
```
#985700 rgb(152,87,0)
```
#ac6200
```
#ac6200 rgb(172,98,0)
```
#c06d00
```
#c06d00 rgb(192,109,0)
```
#d37800
```
#d37800 rgb(211,120,0)
```
#e78300
```
#e78300 rgb(231,131,0)
```
#fb8f00
```
#fb8f00 rgb(251,143,0)
```

Shade Color Variation

#ff980f
```
#ff980f rgb(255,152,15)
```
#ffa023
```
#ffa023 rgb(255,160,35)
```
#ffa936
```
#ffa936 rgb(255,169,54)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```
#ffb95e
```
#ffb95e rgb(255,185,94)
```
#ffc271
```
#ffc271 rgb(255,194,113)
```
#ffca85
```
#ffca85 rgb(255,202,133)
```
#ffd398
```
#ffd398 rgb(255,211,152)
```
#ffdbac
```
#ffdbac rgb(255,219,172)
```
#ffe4c0
```
#ffe4c0 rgb(255,228,192)
```
#ffecd3
```
#ffecd3 rgb(255,236,211)
```
#fff5e7
```
#fff5e7 rgb(255,245,231)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#aba59e
```
#aba59e rgb(171,165,158)
```
#b2a697
```
#b2a697 rgb(178,166,151)
```
#b9a790
```
#b9a790 rgb(185,167,144)
```
#c0a889
```
#c0a889 rgb(192,168,137)
```
#c7a982
```
#c7a982 rgb(199,169,130)
```
#ceaa7b
```
#ceaa7b rgb(206,170,123)
```
#d5ab74
```
#d5ab74 rgb(213,171,116)
```
#dcac6d
```
#dcac6d rgb(220,172,109)
```
#e3ad66
```
#e3ad66 rgb(227,173,102)
```
#eaae5f
```
#eaae5f rgb(234,174,95)
```
#f1af58
```
#f1af58 rgb(241,175,88)
```
#f8b051
```
#f8b051 rgb(248,176,81)
```
#ffb14a
```
#ffb14a rgb(255,177,74)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c457 Protanopia 1% of men
#f1bb51 Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e6bd52 Protanomaly 1% of men, 0.01% of women
#f6b74e Deuteranomaly 6% of men, 0.4% of women
#ffaf90 Tritanomaly 0.01% of the population

#ffb14a hex color

#ffb14a Color Information

#ffb14a Color Conversion

Color Schemes with #ffb14a

Alternatives to #ffb14a

#ffb14a Preview

Shades and Tints of #ffb14a

Tones of #ffb14a

Color Blindness Simulator