#ffb949 hex color

In a RGB color space, hex #ffb949 is composed of 100% red, 72.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 71.4% yellow and 0% black. It has a hue angle of 36.9 degrees, a saturation of 100% and a lightness of 64.3%. #ffb949 color hex could be obtained by blending #ffff92 with #ff7300. Closest websafe color is: #ffcc33.

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

● #ffb949 color description : Light orange.

The hexadecimal color #ffb949 has RGB values of R:255, G:185, B:73 and CMYK values of C:0, M:0.27, Y:0.71, K:0. Its decimal value is 16759113.

Hex triplet	ffb949	`#ffb949`
RGB Decimal	255, 185, 73	`rgb(255,185,73)`
RGB Percent	100, 72.5, 28.6	`rgb(100%,72.5%,28.6%)`
CMYK	0, 27, 71, 0
HSL	36.9°, 100, 64.3	`hsl(36.9,100%,64.3%)`
HSV (or HSB)	36.9°, 71.4, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.865, 15.212, 64.223
XYZ	59.793, 56.442, 14.048
xyY	0.459, 0.433, 56.442
CIE-LCH	79.865, 66, 76.674
CIE-LUV	79.865, 56.374, 69.755
Hunter-Lab	75.128, 10.59, 41.503
Binary	11111111, 10111001, 01001001

#ffb949
```
#ffb949 rgb(255,185,73)
```
#498fff
```
#498fff rgb(73,143,255)
```

Complementary Color

#ff5e49
```
#ff5e49 rgb(255,94,73)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#eaff49
```
#eaff49 rgb(234,255,73)
```

Analogous Color

#5e49ff
```
#5e49ff rgb(94,73,255)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#49eaff
```
#49eaff rgb(73,234,255)
```

Split Complementary Color

#b949ff
```
#b949ff rgb(185,73,255)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#49ffb9
```
#49ffb9 rgb(73,255,185)
```

Triadic Color

#ff498f
```
#ff498f rgb(255,73,143)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#49ffb9
```
#49ffb9 rgb(73,255,185)
```
#498fff
```
#498fff rgb(73,143,255)
```

Tetradic Color

#fc9b00
```
#fc9b00 rgb(252,155,0)
```
#ffa516
```
#ffa516 rgb(255,165,22)
```
#ffaf30
```
#ffaf30 rgb(255,175,48)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#ffc363
```
#ffc363 rgb(255,195,99)
```
#ffcd7c
```
#ffcd7c rgb(255,205,124)
```
#ffd696
```
#ffd696 rgb(255,214,150)
```

Monochromatic Color

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

#ff8c49
```
#ff8c49 rgb(255,140,73)
```
#ff9b49
```
#ff9b49 rgb(255,155,73)
```
#ffaa49
```
#ffaa49 rgb(255,170,73)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#ffc849
```
#ffc849 rgb(255,200,73)
```
#ffd749
```
#ffd749 rgb(255,215,73)
```
#ffe749
```
#ffe749 rgb(255,231,73)
```

Similar Colors

Text with hexadecimal color #ffb949

This text has a font color of #ffb949.

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

#ffb949 background color

This paragraph has a background color of #ffb949.

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

#ffb949 border color

This element has a border color of #ffb949.

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

CSS codes

.text {color:#ffb949;}

.background {background-color:#ffb949;}

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

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

#0e0900
```
#0e0900 rgb(14,9,0)
```
#221500
```
#221500 rgb(34,21,0)
```
#352100
```
#352100 rgb(53,33,0)
```
#492d00
```
#492d00 rgb(73,45,0)
```
#5d3900
```
#5d3900 rgb(93,57,0)
```
#704500
```
#704500 rgb(112,69,0)
```
#845100
```
#845100 rgb(132,81,0)
```
#975d00
```
#975d00 rgb(151,93,0)
```
#ab6900
```
#ab6900 rgb(171,105,0)
```
#bf7500
```
#bf7500 rgb(191,117,0)
```
#d28100
```
#d28100 rgb(210,129,0)
```
#e68d00
```
#e68d00 rgb(230,141,0)
```
#fa9a00
```
#fa9a00 rgb(250,154,0)
```

Shade Color Variation

#ffa20e
```
#ffa20e rgb(255,162,14)
```
#ffaa22
```
#ffaa22 rgb(255,170,34)
```
#ffb135
```
#ffb135 rgb(255,177,53)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#ffc15d
```
#ffc15d rgb(255,193,93)
```
#ffc870
```
#ffc870 rgb(255,200,112)
```
#ffd084
```
#ffd084 rgb(255,208,132)
```
#ffd797
```
#ffd797 rgb(255,215,151)
```
#ffdfab
```
#ffdfab rgb(255,223,171)
```
#ffe6bf
```
#ffe6bf rgb(255,230,191)
```
#ffeed2
```
#ffeed2 rgb(255,238,210)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#aba69d
```
#aba69d rgb(171,166,157)
```
#b2a796
```
#b2a796 rgb(178,167,150)
```
#b9a98f
```
#b9a98f rgb(185,169,143)
```
#c0aa88
```
#c0aa88 rgb(192,170,136)
```
#c7ac81
```
#c7ac81 rgb(199,172,129)
```
#ceae7a
```
#ceae7a rgb(206,174,122)
```
#d5af73
```
#d5af73 rgb(213,175,115)
```
#dcb16c
```
#dcb16c rgb(220,177,108)
```
#e3b365
```
#e3b365 rgb(227,179,101)
```
#eab45e
```
#eab45e rgb(234,180,94)
```
#f1b657
```
#f1b657 rgb(241,182,87)
```
#f8b750
```
#f8b750 rgb(248,183,80)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdbfa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec955 Protanopia 1% of men
#f8bf51 Deuteranopia 1% of men
#ffb5bf Tritanopia 0.001% of the population

Trichromacy

#eac351 Protanomaly 1% of men, 0.01% of women
#fabd4e Deuteranomaly 6% of men, 0.4% of women
#ffb694 Tritanomaly 0.01% of the population

#ffb949 hex color

#ffb949 Color Information

#ffb949 Color Conversion

Color Schemes with #ffb949

Alternatives to #ffb949

#ffb949 Preview

Shades and Tints of #ffb949

Tones of #ffb949

Color Blindness Simulator