#f2a527 hex color

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

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

● #f2a527 color description : Bright orange.

The hexadecimal color #f2a527 has RGB values of R:242, G:165, B:39 and CMYK values of C:0, M:0.32, Y:0.84, K:0.05. Its decimal value is 15901991.

Hex triplet	f2a527	`#f2a527`
RGB Decimal	242, 165, 39	`rgb(242,165,39)`
RGB Percent	94.9, 64.7, 15.3	`rgb(94.9%,64.7%,15.3%)`
CMYK	0, 32, 84, 5
HSL	37.2°, 88.6, 55.1	`hsl(37.2,88.6%,55.1%)`
HSV (or HSB)	37.2°, 83.9, 94.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.505, 19.012, 70.102
XYZ	50.441, 45.937, 8.13
xyY	0.483, 0.44, 45.937
CIE-LCH	73.505, 72.634, 74.826
CIE-LUV	73.505, 63.339, 69.65
Hunter-Lab	67.777, 14.232, 40.332
Binary	11110010, 10100101, 00100111

#f2a527
```
#f2a527 rgb(242,165,39)
```
#2774f2
```
#2774f2 rgb(39,116,242)
```

Complementary Color

#f24027
```
#f24027 rgb(242,64,39)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#daf227
```
#daf227 rgb(218,242,39)
```

Analogous Color

#4027f2
```
#4027f2 rgb(64,39,242)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#27daf2
```
#27daf2 rgb(39,218,242)
```

Split Complementary Color

#a527f2
```
#a527f2 rgb(165,39,242)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#27f2a5
```
#27f2a5 rgb(39,242,165)
```

Triadic Color

#f22774
```
#f22774 rgb(242,39,116)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#27f2a5
```
#27f2a5 rgb(39,242,165)
```
#2774f2
```
#2774f2 rgb(39,116,242)
```

Tetradic Color

#c17c0c
```
#c17c0c rgb(193,124,12)
```
#d98c0d
```
#d98c0d rgb(217,140,13)
```
#f19b0f
```
#f19b0f rgb(241,155,15)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#f3af3f
```
#f3af3f rgb(243,175,63)
```
#f5b957
```
#f5b957 rgb(245,185,87)
```
#f6c36f
```
#f6c36f rgb(246,195,111)
```

Monochromatic Color

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

#f27227
```
#f27227 rgb(242,114,39)
```
#f28327
```
#f28327 rgb(242,131,39)
```
#f29427
```
#f29427 rgb(242,148,39)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#f2b627
```
#f2b627 rgb(242,182,39)
```
#f2c727
```
#f2c727 rgb(242,199,39)
```
#f2d827
```
#f2d827 rgb(242,216,39)
```

Similar Colors

Text with hexadecimal color #f2a527

This text has a font color of #f2a527.

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

#f2a527 background color

This paragraph has a background color of #f2a527.

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

#f2a527 border color

This element has a border color of #f2a527.

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

CSS codes

.text {color:#f2a527;}

.background {background-color:#f2a527;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191001
```
#191001 rgb(25,16,1)
```
#2b1c03
```
#2b1c03 rgb(43,28,3)
```
#3e2804
```
#3e2804 rgb(62,40,4)
```
#503405
```
#503405 rgb(80,52,5)
```
#633f06
```
#633f06 rgb(99,63,6)
```
#754b07
```
#754b07 rgb(117,75,7)
```
#885708
```
#885708 rgb(136,87,8)
```
#9a6309
```
#9a6309 rgb(154,99,9)
```
#ad6f0a
```
#ad6f0a rgb(173,111,10)
```
#bf7b0b
```
#bf7b0b rgb(191,123,11)
```
#d2870d
```
#d2870d rgb(210,135,13)
```
#e4930e
```
#e4930e rgb(228,147,14)
```

Shade Color Variation

#f19d14
```
#f19d14 rgb(241,157,20)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#f3ad3a
```
#f3ad3a rgb(243,173,58)
```
#f4b44c
```
#f4b44c rgb(244,180,76)
```
#f5bc5f
```
#f5bc5f rgb(245,188,95)
```
#f6c471
```
#f6c471 rgb(246,196,113)
```
#f8cc84
```
#f8cc84 rgb(248,204,132)
```
#f9d396
```
#f9d396 rgb(249,211,150)
```
#fadba9
```
#fadba9 rgb(250,219,169)
```
#fbe3bb
```
#fbe3bb rgb(251,227,187)
```
#fceace
```
#fceace rgb(252,234,206)
```
#fdf2e0
```
#fdf2e0 rgb(253,242,224)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#918e88
```
#918e88 rgb(145,142,136)
```
#9a907f
```
#9a907f rgb(154,144,127)
```
#a39276
```
#a39276 rgb(163,146,118)
```
#ac946d
```
#ac946d rgb(172,148,109)
```
#b49665
```
#b49665 rgb(180,150,101)
```
#bd985c
```
#bd985c rgb(189,152,92)
```
#c69a53
```
#c69a53 rgb(198,154,83)
```
#cf9c4a
```
#cf9c4a rgb(207,156,74)
```
#d89f41
```
#d89f41 rgb(216,159,65)
```
#e0a139
```
#e0a139 rgb(224,161,57)
```
#e9a330
```
#e9a330 rgb(233,163,48)
```
#f2a527
```
#f2a527 rgb(242,165,39)
```
#fba71e
```
#fba71e rgb(251,167,30)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#bcac93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb836 Protanopia 1% of men
#e5af2e Deuteranopia 1% of men
#f99ea9 Tritanopia 0.001% of the population

Trichromacy

#dbb130 Protanomaly 1% of men, 0.01% of women
#eaab2b Deuteranomaly 6% of men, 0.4% of women
#f6a17a Tritanomaly 0.01% of the population

#f2a527 hex color

#f2a527 Color Information

#f2a527 Color Conversion

Color Schemes with #f2a527

Alternatives to #f2a527

#f2a527 Preview

Shades and Tints of #f2a527

Tones of #f2a527

Color Blindness Simulator