#f2bd2a hex color

In a RGB color space, hex #f2bd2a is composed of 94.9% red, 74.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 82.6% yellow and 5.1% black. It has a hue angle of 44.1 degrees, a saturation of 88.5% and a lightness of 55.7%. #f2bd2a color hex could be obtained by blending #ffff54 with #e57b00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 95
- G 74
- B 16
RGB color chart
- C 0
- M 22
- Y 83
- K 5
CMYK color chart

● #f2bd2a color description : Bright orange.

The hexadecimal color #f2bd2a has RGB values of R:242, G:189, B:42 and CMYK values of C:0, M:0.22, Y:0.83, K:0.05. Its decimal value is 15908138.

Hex triplet	f2bd2a	`#f2bd2a`
RGB Decimal	242, 189, 42	`rgb(242,189,42)`
RGB Percent	94.9, 74.1, 16.5	`rgb(94.9%,74.1%,16.5%)`
CMYK	0, 22, 83, 5
HSL	44.1°, 88.5, 55.7	`hsl(44.1,88.5%,55.7%)`
HSV (or HSB)	44.1°, 82.6, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.295, 6.492, 74.119
XYZ	55.234, 55.442, 9.983
xyY	0.458, 0.459, 55.442
CIE-LCH	79.295, 74.403, 84.995
CIE-LUV	79.295, 44.474, 78.258
Hunter-Lab	74.46, 2.108, 44.173
Binary	11110010, 10111101, 00101010

#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#2a5ff2
```
#2a5ff2 rgb(42,95,242)
```

Complementary Color

#f2592a
```
#f2592a rgb(242,89,42)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#c3f22a
```
#c3f22a rgb(195,242,42)
```

Analogous Color

#592af2
```
#592af2 rgb(89,42,242)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#2ac3f2
```
#2ac3f2 rgb(42,195,242)
```

Split Complementary Color

#bd2af2
```
#bd2af2 rgb(189,42,242)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#2af2bd
```
#2af2bd rgb(42,242,189)
```

Triadic Color

#f22a5f
```
#f22a5f rgb(242,42,95)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#2af2bd
```
#2af2bd rgb(42,242,189)
```
#2a5ff2
```
#2a5ff2 rgb(42,95,242)
```

Tetradic Color

#c4930c
```
#c4930c rgb(196,147,12)
```
#dca50d
```
#dca50d rgb(220,165,13)
```
#f1b612
```
#f1b612 rgb(241,182,18)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#f3c442
```
#f3c442 rgb(243,196,66)
```
#f5cc5a
```
#f5cc5a rgb(245,204,90)
```
#f6d372
```
#f6d372 rgb(246,211,114)
```

Monochromatic Color

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

#f28b2a
```
#f28b2a rgb(242,139,42)
```
#f29c2a
```
#f29c2a rgb(242,156,42)
```
#f2ac2a
```
#f2ac2a rgb(242,172,42)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#f2ce2a
```
#f2ce2a rgb(242,206,42)
```
#f2de2a
```
#f2de2a rgb(242,222,42)
```
#f2ef2a
```
#f2ef2a rgb(242,239,42)
```

Similar Colors

Text with hexadecimal color #f2bd2a

This text has a font color of #f2bd2a.

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

#f2bd2a background color

This paragraph has a background color of #f2bd2a.

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

#f2bd2a border color

This element has a border color of #f2bd2a.

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

CSS codes

.text {color:#f2bd2a;}

.background {background-color:#f2bd2a;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1b1502
```
#1b1502 rgb(27,21,2)
```
#2e2203
```
#2e2203 rgb(46,34,3)
```
#403004
```
#403004 rgb(64,48,4)
```
#533e05
```
#533e05 rgb(83,62,5)
```
#654c06
```
#654c06 rgb(101,76,6)
```
#785a07
```
#785a07 rgb(120,90,7)
```
#8a6808
```
#8a6808 rgb(138,104,8)
```
#9d760a
```
#9d760a rgb(157,118,10)
```
#af840b
```
#af840b rgb(175,132,11)
```
#c2920c
```
#c2920c rgb(194,146,12)
```
#d49f0d
```
#d49f0d rgb(212,159,13)
```
#e7ad0e
```
#e7ad0e rgb(231,173,14)
```

Shade Color Variation

#f1b718
```
#f1b718 rgb(241,183,24)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#f3c33c
```
#f3c33c rgb(243,195,60)
```
#f4c84f
```
#f4c84f rgb(244,200,79)
```
#f5ce61
```
#f5ce61 rgb(245,206,97)
```
#f7d474
```
#f7d474 rgb(247,212,116)
```
#f8da86
```
#f8da86 rgb(248,218,134)
```
#f9df99
```
#f9df99 rgb(249,223,153)
```
#fae5ab
```
#fae5ab rgb(250,229,171)
```
#fbebbe
```
#fbebbe rgb(251,235,190)
```
#fcf1d0
```
#fcf1d0 rgb(252,241,208)
```
#fdf6e3
```
#fdf6e3 rgb(253,246,227)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#92908a
```
#92908a rgb(146,144,138)
```
#9b9481
```
#9b9481 rgb(155,148,129)
```
#a49878
```
#a49878 rgb(164,152,120)
```
#ac9c70
```
#ac9c70 rgb(172,156,112)
```
#b5a067
```
#b5a067 rgb(181,160,103)
```
#bea45e
```
#bea45e rgb(190,164,94)
```
#c7a955
```
#c7a955 rgb(199,169,85)
```
#cfad4d
```
#cfad4d rgb(207,173,77)
```
#d8b144
```
#d8b144 rgb(216,177,68)
```
#e1b53b
```
#e1b53b rgb(225,181,59)
```
#e9b933
```
#e9b933 rgb(233,185,51)
```
#f2bd2a
```
#f2bd2a rgb(242,189,42)
```
#fbc121
```
#fbc121 rgb(251,193,33)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c7bc9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc737 Protanopia 1% of men
#f8bd36 Deuteranopia 1% of men
#fcb4c0 Tritanopia 0.001% of the population

Trichromacy

#e5c332 Protanomaly 1% of men, 0.01% of women
#f6bd31 Deuteranomaly 6% of men, 0.4% of women
#f8b789 Tritanomaly 0.01% of the population

#f2bd2a hex color

#f2bd2a Color Information

#f2bd2a Color Conversion

Color Schemes with #f2bd2a

Alternatives to #f2bd2a

#f2bd2a Preview

Shades and Tints of #f2bd2a

Tones of #f2bd2a

Color Blindness Simulator