#f2bd27 hex color

In a RGB color space, hex #f2bd27 is composed of 94.9% red, 74.1% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 83.9% yellow and 5.1% black. It has a hue angle of 44.3 degrees, a saturation of 88.6% and a lightness of 55.1%. #f2bd27 color hex could be obtained by blending #ffff4e with #e57b00. Closest websafe color is: #ffcc33.

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

● #f2bd27 color description : Bright orange.

The hexadecimal color #f2bd27 has RGB values of R:242, G:189, B:39 and CMYK values of C:0, M:0.22, Y:0.84, K:0.05. Its decimal value is 15908135.

Hex triplet	f2bd27	`#f2bd27`
RGB Decimal	242, 189, 39	`rgb(242,189,39)`
RGB Percent	94.9, 74.1, 15.3	`rgb(94.9%,74.1%,15.3%)`
CMYK	0, 22, 84, 5
HSL	44.3°, 88.6, 55.1	`hsl(44.3,88.6%,55.1%)`
HSV (or HSB)	44.3°, 83.9, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.284, 6.412, 74.926
XYZ	55.183, 55.422, 9.71
xyY	0.459, 0.461, 55.422
CIE-LCH	79.284, 75.2, 85.108
CIE-LUV	79.284, 44.554, 78.759
Hunter-Lab	74.446, 2.033, 44.379
Binary	11110010, 10111101, 00100111

#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#275cf2
```
#275cf2 rgb(39,92,242)
```

Complementary Color

#f25827
```
#f25827 rgb(242,88,39)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#c2f227
```
#c2f227 rgb(194,242,39)
```

Analogous Color

#5827f2
```
#5827f2 rgb(88,39,242)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#27c2f2
```
#27c2f2 rgb(39,194,242)
```

Split Complementary Color

#bd27f2
```
#bd27f2 rgb(189,39,242)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#27f2bd
```
#27f2bd rgb(39,242,189)
```

Triadic Color

#f2275c
```
#f2275c rgb(242,39,92)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#27f2bd
```
#27f2bd rgb(39,242,189)
```
#275cf2
```
#275cf2 rgb(39,92,242)
```

Tetradic Color

#c1920c
```
#c1920c rgb(193,146,12)
```
#d9a40d
```
#d9a40d rgb(217,164,13)
```
#f1b60f
```
#f1b60f rgb(241,182,15)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#f3c43f
```
#f3c43f rgb(243,196,63)
```
#f5cc57
```
#f5cc57 rgb(245,204,87)
```
#f6d36f
```
#f6d36f rgb(246,211,111)
```

Monochromatic Color

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

#f28a27
```
#f28a27 rgb(242,138,39)
```
#f29b27
```
#f29b27 rgb(242,155,39)
```
#f2ac27
```
#f2ac27 rgb(242,172,39)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#f2ce27
```
#f2ce27 rgb(242,206,39)
```
#f2df27
```
#f2df27 rgb(242,223,39)
```
#f2f027
```
#f2f027 rgb(242,240,39)
```

Similar Colors

Text with hexadecimal color #f2bd27

This text has a font color of #f2bd27.

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

#f2bd27 background color

This paragraph has a background color of #f2bd27.

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

#f2bd27 border color

This element has a border color of #f2bd27.

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

CSS codes

.text {color:#f2bd27;}

.background {background-color:#f2bd27;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#191301
```
#191301 rgb(25,19,1)
```
#2b2003
```
#2b2003 rgb(43,32,3)
```
#3e2e04
```
#3e2e04 rgb(62,46,4)
```
#503c05
```
#503c05 rgb(80,60,5)
```
#634a06
```
#634a06 rgb(99,74,6)
```
#755807
```
#755807 rgb(117,88,7)
```
#886608
```
#886608 rgb(136,102,8)
```
#9a7409
```
#9a7409 rgb(154,116,9)
```
#ad820a
```
#ad820a rgb(173,130,10)
```
#bf900b
```
#bf900b rgb(191,144,11)
```
#d29e0d
```
#d29e0d rgb(210,158,13)
```
#e4ac0e
```
#e4ac0e rgb(228,172,14)
```

Shade Color Variation

#f1b714
```
#f1b714 rgb(241,183,20)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#f3c33a
```
#f3c33a rgb(243,195,58)
```
#f4c84c
```
#f4c84c rgb(244,200,76)
```
#f5ce5f
```
#f5ce5f rgb(245,206,95)
```
#f6d471
```
#f6d471 rgb(246,212,113)
```
#f8d984
```
#f8d984 rgb(248,217,132)
```
#f9df96
```
#f9df96 rgb(249,223,150)
```
#fae5a9
```
#fae5a9 rgb(250,229,169)
```
#fbeabb
```
#fbeabb rgb(251,234,187)
```
#fcf0ce
```
#fcf0ce rgb(252,240,206)
```
#fdf6e0
```
#fdf6e0 rgb(253,246,224)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#918f88
```
#918f88 rgb(145,143,136)
```
#9a937f
```
#9a937f rgb(154,147,127)
```
#a39776
```
#a39776 rgb(163,151,118)
```
#ac9b6d
```
#ac9b6d rgb(172,155,109)
```
#b4a065
```
#b4a065 rgb(180,160,101)
```
#bda45c
```
#bda45c rgb(189,164,92)
```
#c6a853
```
#c6a853 rgb(198,168,83)
```
#cfac4a
```
#cfac4a rgb(207,172,74)
```
#d8b041
```
#d8b041 rgb(216,176,65)
```
#e0b539
```
#e0b539 rgb(224,181,57)
```
#e9b930
```
#e9b930 rgb(233,185,48)
```
#f2bd27
```
#f2bd27 rgb(242,189,39)
```
#fbc11e
```
#fbc11e rgb(251,193,30)
```

Tone Color Variation

Below, you can see how #f2bd27 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
#c7bc9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc734 Protanopia 1% of men
#f8bd33 Deuteranopia 1% of men
#fcb4c0 Tritanopia 0.001% of the population

Trichromacy

#e5c32f Protanomaly 1% of men, 0.01% of women
#f6bd2f Deuteranomaly 6% of men, 0.4% of women
#f8b788 Tritanomaly 0.01% of the population

#f2bd27 hex color

#f2bd27 Color Information

#f2bd27 Color Conversion

Color Schemes with #f2bd27

Alternatives to #f2bd27

#f2bd27 Preview

Shades and Tints of #f2bd27

Tones of #f2bd27

Color Blindness Simulator