colorhexa.com

#ffb449 hex color

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

- R 100
- G 71
- B 29
RGB color chart
- C 0
- M 29
- Y 71
- K 0
CMYK color chart

● #ffb449 color description : Light orange.

The hexadecimal color #ffb449 has RGB values of R:255, G:180, B:73 and CMYK values of C:0, M:0.29, Y:0.71, K:0. Its decimal value is 16757833.

Hex triplet	ffb449	`#ffb449`
RGB Decimal	255, 180, 73	`rgb(255,180,73)`
RGB Percent	100, 70.6, 28.6	`rgb(100%,70.6%,28.6%)`
CMYK	0, 29, 71, 0
HSL	35.3°, 100, 64.3	`hsl(35.3,100%,64.3%)`
HSV (or HSB)	35.3°, 71.4, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	78.687, 17.822, 63.02
XYZ	58.765, 54.387, 13.706
xyY	0.463, 0.429, 54.387
CIE-LCH	78.687, 65.492, 74.21
CIE-LUV	78.687, 60.213, 67.735
Hunter-Lab	73.748, 13.178, 40.604
Binary	11111111, 10110100, 01001001

#ffb449
```
#ffb449 rgb(255,180,73)
```
#4994ff
```
#4994ff rgb(73,148,255)
```

Complementary Color

#ff5949
```
#ff5949 rgb(255,89,73)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#efff49
```
#efff49 rgb(239,255,73)
```

Analogous Color

#5949ff
```
#5949ff rgb(89,73,255)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#49efff
```
#49efff rgb(73,239,255)
```

Split Complementary Color

#b449ff
```
#b449ff rgb(180,73,255)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#49ffb4
```
#49ffb4 rgb(73,255,180)
```

Triadic Color

#ff4994
```
#ff4994 rgb(255,73,148)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#49ffb4
```
#49ffb4 rgb(73,255,180)
```
#4994ff
```
#4994ff rgb(73,148,255)
```

Tetradic Color

#fc9400
```
#fc9400 rgb(252,148,0)
```
#ff9f16
```
#ff9f16 rgb(255,159,22)
```
#ffa930
```
#ffa930 rgb(255,169,48)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#ffbf63
```
#ffbf63 rgb(255,191,99)
```
#ffc97c
```
#ffc97c rgb(255,201,124)
```
#ffd496
```
#ffd496 rgb(255,212,150)
```

Monochromatic Color

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

#ff8749
```
#ff8749 rgb(255,135,73)
```
#ff9649
```
#ff9649 rgb(255,150,73)
```
#ffa549
```
#ffa549 rgb(255,165,73)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#ffc349
```
#ffc349 rgb(255,195,73)
```
#ffd249
```
#ffd249 rgb(255,210,73)
```
#ffe249
```
#ffe249 rgb(255,226,73)
```

Similar Colors

Text with hexadecimal color #ffb449

This text has a font color of #ffb449.

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

#ffb449 background color

This paragraph has a background color of #ffb449.

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

#ffb449 border color

This element has a border color of #ffb449.

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

CSS codes

.text {color:#ffb449;}

.background {background-color:#ffb449;}

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

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

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221400
```
#221400 rgb(34,20,0)
```
#351f00
```
#351f00 rgb(53,31,0)
```
#492b00
```
#492b00 rgb(73,43,0)
```
#5d3600
```
#5d3600 rgb(93,54,0)
```
#704200
```
#704200 rgb(112,66,0)
```
#844e00
```
#844e00 rgb(132,78,0)
```
#975900
```
#975900 rgb(151,89,0)
```
#ab6500
```
#ab6500 rgb(171,101,0)
```
#bf7000
```
#bf7000 rgb(191,112,0)
```
#d27c00
```
#d27c00 rgb(210,124,0)
```
#e68700
```
#e68700 rgb(230,135,0)
```
#fa9300
```
#fa9300 rgb(250,147,0)
```

Shade Color Variation

#ff9c0e
```
#ff9c0e rgb(255,156,14)
```
#ffa422
```
#ffa422 rgb(255,164,34)
```
#ffac35
```
#ffac35 rgb(255,172,53)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```
#ffbc5d
```
#ffbc5d rgb(255,188,93)
```
#ffc470
```
#ffc470 rgb(255,196,112)
```
#ffcc84
```
#ffcc84 rgb(255,204,132)
```
#ffd497
```
#ffd497 rgb(255,212,151)
```
#ffdcab
```
#ffdcab rgb(255,220,171)
```
#ffe4bf
```
#ffe4bf rgb(255,228,191)
```
#ffedd2
```
#ffedd2 rgb(255,237,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, #aba59d is the less saturated color, while #ffb449 is the most saturated one.

#aba59d
```
#aba59d rgb(171,165,157)
```
#b2a696
```
#b2a696 rgb(178,166,150)
```
#b9a88f
```
#b9a88f rgb(185,168,143)
```
#c0a988
```
#c0a988 rgb(192,169,136)
```
#c7aa81
```
#c7aa81 rgb(199,170,129)
```
#ceab7a
```
#ceab7a rgb(206,171,122)
```
#d5ad73
```
#d5ad73 rgb(213,173,115)
```
#dcae6c
```
#dcae6c rgb(220,174,108)
```
#e3af65
```
#e3af65 rgb(227,175,101)
```
#eab05e
```
#eab05e rgb(234,176,94)
```
#f1b257
```
#f1b257 rgb(241,178,87)
```
#f8b350
```
#f8b350 rgb(248,179,80)
```
#ffb449
```
#ffb449 rgb(255,180,73)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#cbbca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc656 Protanopia 1% of men
#f4bc50 Deuteranopia 1% of men
#ffb0ba Tritanopia 0.001% of the population

Trichromacy

#e8bf51 Protanomaly 1% of men, 0.01% of women
#f8b94d Deuteranomaly 6% of men, 0.4% of women
#ffb191 Tritanomaly 0.01% of the population