#fbaf2b hex color

In a RGB color space, hex #fbaf2b is composed of 98.4% red, 68.6% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.3% magenta, 82.9% yellow and 1.6% black. It has a hue angle of 38.1 degrees, a saturation of 96.3% and a lightness of 57.6%. #fbaf2b color hex could be obtained by blending #ffff56 with #f75f00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 98
- G 69
- B 17
RGB color chart
- C 0
- M 30
- Y 83
- K 2
CMYK color chart

● #fbaf2b color description : Bright orange.

The hexadecimal color #fbaf2b has RGB values of R:251, G:175, B:43 and CMYK values of C:0, M:0.3, Y:0.83, K:0.02. Its decimal value is 16494379.

Hex triplet	fbaf2b	`#fbaf2b`
RGB Decimal	251, 175, 43	`rgb(251,175,43)`
RGB Percent	98.4, 68.6, 16.9	`rgb(98.4%,68.6%,16.9%)`
CMYK	0, 30, 83, 2
HSL	38.1°, 96.3, 57.6	`hsl(38.1,96.3%,57.6%)`
HSV (or HSB)	38.1°, 82.9, 98.4
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.889, 17.66, 72.167
XYZ	55.551, 51.347, 9.271
xyY	0.478, 0.442, 51.347
CIE-LCH	76.889, 74.296, 76.249
CIE-LUV	76.889, 62.455, 73.033
Hunter-Lab	71.657, 12.98, 42.489
Binary	11111011, 10101111, 00101011

#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#2b77fb
```
#2b77fb rgb(43,119,251)
```

Complementary Color

#fb472b
```
#fb472b rgb(251,71,43)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#dffb2b
```
#dffb2b rgb(223,251,43)
```

Analogous Color

#472bfb
```
#472bfb rgb(71,43,251)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#2bdffb
```
#2bdffb rgb(43,223,251)
```

Split Complementary Color

#af2bfb
```
#af2bfb rgb(175,43,251)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#2bfbaf
```
#2bfbaf rgb(43,251,175)
```

Triadic Color

#fb2b77
```
#fb2b77 rgb(251,43,119)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#2bfbaf
```
#2bfbaf rgb(43,251,175)
```
#2b77fb
```
#2b77fb rgb(43,119,251)
```

Tetradic Color

#d58904
```
#d58904 rgb(213,137,4)
```
#ef9904
```
#ef9904 rgb(239,153,4)
```
#fba612
```
#fba612 rgb(251,166,18)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#fbb844
```
#fbb844 rgb(251,184,68)
```
#fcc25d
```
#fcc25d rgb(252,194,93)
```
#fccb76
```
#fccb76 rgb(252,203,118)
```

Monochromatic Color

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

#fb7b2b
```
#fb7b2b rgb(251,123,43)
```
#fb8c2b
```
#fb8c2b rgb(251,140,43)
```
#fb9e2b
```
#fb9e2b rgb(251,158,43)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#fbc02b
```
#fbc02b rgb(251,192,43)
```
#fbd22b
```
#fbd22b rgb(251,210,43)
```
#fbe32b
```
#fbe32b rgb(251,227,43)
```

Similar Colors

Text with hexadecimal color #fbaf2b

This text has a font color of #fbaf2b.

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

#fbaf2b background color

This paragraph has a background color of #fbaf2b.

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

#fbaf2b border color

This element has a border color of #fbaf2b.

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

CSS codes

.text {color:#fbaf2b;}

.background {background-color:#fbaf2b;}

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

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, #130c00 is the darkest color, while #ffffff is the lightest one.

#130c00
```
#130c00 rgb(19,12,0)
```
#261901
```
#261901 rgb(38,25,1)
```
#3a2501
```
#3a2501 rgb(58,37,1)
```
#4d3101
```
#4d3101 rgb(77,49,1)
```
#603e02
```
#603e02 rgb(96,62,2)
```
#734a02
```
#734a02 rgb(115,74,2)
```
#875603
```
#875603 rgb(135,86,3)
```
#9a6303
```
#9a6303 rgb(154,99,3)
```
#ad6f03
```
#ad6f03 rgb(173,111,3)
```
#c07b04
```
#c07b04 rgb(192,123,4)
```
#d48804
```
#d48804 rgb(212,136,4)
```
#e79404
```
#e79404 rgb(231,148,4)
```
#faa005
```
#faa005 rgb(250,160,5)
```

Shade Color Variation

#fba818
```
#fba818 rgb(251,168,24)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```
#fbb63e
```
#fbb63e rgb(251,182,62)
```
#fcbe52
```
#fcbe52 rgb(252,190,82)
```
#fcc565
```
#fcc565 rgb(252,197,101)
```
#fccc78
```
#fccc78 rgb(252,204,120)
```
#fdd38b
```
#fdd38b rgb(253,211,139)
```
#fddb9f
```
#fddb9f rgb(253,219,159)
```
#fee2b2
```
#fee2b2 rgb(254,226,178)
```
#fee9c5
```
#fee9c5 rgb(254,233,197)
```
#fef0d8
```
#fef0d8 rgb(254,240,216)
```
#fff8ec
```
#fff8ec rgb(255,248,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#97948f
```
#97948f rgb(151,148,143)
```
#a09686
```
#a09686 rgb(160,150,134)
```
#a8997e
```
#a8997e rgb(168,153,126)
```
#b09b76
```
#b09b76 rgb(176,155,118)
```
#b99d6d
```
#b99d6d rgb(185,157,109)
```
#c19f65
```
#c19f65 rgb(193,159,101)
```
#c9a25d
```
#c9a25d rgb(201,162,93)
```
#d1a455
```
#d1a455 rgb(209,164,85)
```
#daa64c
```
#daa64c rgb(218,166,76)
```
#e2a844
```
#e2a844 rgb(226,168,68)
```
#eaab3c
```
#eaab3c rgb(234,171,60)
```
#f3ad33
```
#f3ad33 rgb(243,173,51)
```
#fbaf2b
```
#fbaf2b rgb(251,175,43)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c139 Protanopia 1% of men
#f0b733 Deuteranopia 1% of men
#ffa9b4 Tritanopia 0.001% of the population

Trichromacy

#e4ba34 Protanomaly 1% of men, 0.01% of women
#f4b430 Deuteranomaly 6% of men, 0.4% of women
#fdab82 Tritanomaly 0.01% of the population

#fbaf2b hex color

#fbaf2b Color Information

#fbaf2b Color Conversion

Color Schemes with #fbaf2b

Alternatives to #fbaf2b

#fbaf2b Preview

Shades and Tints of #fbaf2b

Tones of #fbaf2b

Color Blindness Simulator