colorhexa.com

#fbaf55 hex color

In a RGB color space, hex #fbaf55 is composed of 98.4% red, 68.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.3% magenta, 66.1% yellow and 1.6% black. It has a hue angle of 32.5 degrees, a saturation of 95.4% and a lightness of 65.9%. #fbaf55 color hex could be obtained by blending #ffffaa with #f75f00. Closest websafe color is: #ff9966.

- R 98
- G 69
- B 33
RGB color chart
- C 0
- M 30
- Y 66
- K 2
CMYK color chart

● #fbaf55 color description : Soft orange.

The hexadecimal color #fbaf55 has RGB values of R:251, G:175, B:85 and CMYK values of C:0, M:0.3, Y:0.66, K:0.02. Its decimal value is 16494421.

Hex triplet	fbaf55	`#fbaf55`
RGB Decimal	251, 175, 85	`rgb(251,175,85)`
RGB Percent	98.4, 68.6, 33.3	`rgb(98.4%,68.6%,33.3%)`
CMYK	0, 30, 66, 2
HSL	32.5°, 95.4, 65.9	`hsl(32.5,95.4%,65.9%)`
HSV (or HSB)	32.5°, 66.1, 98.4
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.178, 19.41, 55.98
XYZ	56.754, 51.829, 15.609
xyY	0.457, 0.417, 51.829
CIE-LCH	77.178, 59.249, 70.877
CIE-LUV	77.178, 60.038, 61.324
Hunter-Lab	71.992, 14.733, 37.54
Binary	11111011, 10101111, 01010101

#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#55a1fb
```
#55a1fb rgb(85,161,251)
```

Complementary Color

#fb5c55
```
#fb5c55 rgb(251,92,85)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#f4fb55
```
#f4fb55 rgb(244,251,85)
```

Analogous Color

#5c55fb
```
#5c55fb rgb(92,85,251)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#55f4fb
```
#55f4fb rgb(85,244,251)
```

Split Complementary Color

#af55fb
```
#af55fb rgb(175,85,251)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#55fbaf
```
#55fbaf rgb(85,251,175)
```

Triadic Color

#fb55a1
```
#fb55a1 rgb(251,85,161)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#55fbaf
```
#55fbaf rgb(85,251,175)
```
#55a1fb
```
#55a1fb rgb(85,161,251)
```

Tetradic Color

#f98c0a
```
#f98c0a rgb(249,140,10)
```
#fa9823
```
#fa9823 rgb(250,152,35)
```
#faa33c
```
#faa33c rgb(250,163,60)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#fcbb6e
```
#fcbb6e rgb(252,187,110)
```
#fcc687
```
#fcc687 rgb(252,198,135)
```
#fdd2a0
```
#fdd2a0 rgb(253,210,160)
```

Monochromatic Color

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

#fb8655
```
#fb8655 rgb(251,134,85)
```
#fb9355
```
#fb9355 rgb(251,147,85)
```
#fba155
```
#fba155 rgb(251,161,85)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#fbbd55
```
#fbbd55 rgb(251,189,85)
```
#fbcb55
```
#fbcb55 rgb(251,203,85)
```
#fbd955
```
#fbd955 rgb(251,217,85)
```

Similar Colors

Text with hexadecimal color #fbaf55

This text has a font color of #fbaf55.

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

#fbaf55 background color

This paragraph has a background color of #fbaf55.

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

#fbaf55 border color

This element has a border color of #fbaf55.

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

CSS codes

.text {color:#fbaf55;}

.background {background-color:#fbaf55;}

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

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, #020100 is the darkest color, while #fff7ee is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#160c01
```
#160c01 rgb(22,12,1)
```
#291701
```
#291701 rgb(41,23,1)
```
#3c2101
```
#3c2101 rgb(60,33,1)
```
#4f2c02
```
#4f2c02 rgb(79,44,2)
```
#623602
```
#623602 rgb(98,54,2)
```
#754103
```
#754103 rgb(117,65,3)
```
#894c03
```
#894c03 rgb(137,76,3)
```
#9c5604
```
#9c5604 rgb(156,86,4)
```
#af6104
```
#af6104 rgb(175,97,4)
```
#c26b05
```
#c26b05 rgb(194,107,5)
```
#d57605
```
#d57605 rgb(213,118,5)
```
#e88105
```
#e88105 rgb(232,129,5)
```

Shade Color Variation

#f98b08
```
#f98b08 rgb(249,139,8)
```
#fa941c
```
#fa941c rgb(250,148,28)
```
#fa9d2f
```
#fa9d2f rgb(250,157,47)
```
#fba642
```
#fba642 rgb(251,166,66)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```
#fbb868
```
#fbb868 rgb(251,184,104)
```
#fcc17b
```
#fcc17b rgb(252,193,123)
```
#fcca8e
```
#fcca8e rgb(252,202,142)
```
#fdd3a2
```
#fdd3a2 rgb(253,211,162)
```
#fddcb5
```
#fddcb5 rgb(253,220,181)
```
#fee5c8
```
#fee5c8 rgb(254,229,200)
```
#feeedb
```
#feeedb rgb(254,238,219)
```
#fff7ee
```
#fff7ee rgb(255,247,238)
```

Tint Color Variation

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

#aba8a5
```
#aba8a5 rgb(171,168,165)
```
#b1a99f
```
#b1a99f rgb(177,169,159)
```
#b8a998
```
#b8a998 rgb(184,169,152)
```
#bfaa91
```
#bfaa91 rgb(191,170,145)
```
#c5aa8b
```
#c5aa8b rgb(197,170,139)
```
#ccab84
```
#ccab84 rgb(204,171,132)
```
#d3ac7d
```
#d3ac7d rgb(211,172,125)
```
#daac76
```
#daac76 rgb(218,172,118)
```
#e0ad70
```
#e0ad70 rgb(224,173,112)
```
#e7ad69
```
#e7ad69 rgb(231,173,105)
```
#eeae62
```
#eeae62 rgb(238,174,98)
```
#f4ae5c
```
#f4ae5c rgb(244,174,92)
```
#fbaf55
```
#fbaf55 rgb(251,175,85)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c8b9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c262 Protanopia 1% of men
#eeb95b Deuteranopia 1% of men
#ffaab5 Tritanopia 0.001% of the population

Trichromacy

#e3bb5d Protanomaly 1% of men, 0.01% of women
#f2b559 Deuteranomaly 6% of men, 0.4% of women
#fdac92 Tritanomaly 0.01% of the population