#f2a036 hex color

In a RGB color space, hex #f2a036 is composed of 94.9% red, 62.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 77.7% yellow and 5.1% black. It has a hue angle of 33.8 degrees, a saturation of 87.9% and a lightness of 58%. #f2a036 color hex could be obtained by blending #ffff6c with #e54100. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 63
- B 21
RGB color chart
- C 0
- M 34
- Y 78
- K 5
CMYK color chart

● #f2a036 color description : Bright orange.

The hexadecimal color #f2a036 has RGB values of R:242, G:160, B:54 and CMYK values of C:0, M:0.34, Y:0.78, K:0.05. Its decimal value is 15900726.

Hex triplet	f2a036	`#f2a036`
RGB Decimal	242, 160, 54	`rgb(242,160,54)`
RGB Percent	94.9, 62.7, 21.2	`rgb(94.9%,62.7%,21.2%)`
CMYK	0, 34, 78, 5
HSL	33.8°, 87.9, 58	`hsl(33.8,87.9%,58%)`
HSV (or HSB)	33.8°, 77.7, 94.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	72.421, 22.114, 64.017
XYZ	49.856, 44.289, 9.413
xyY	0.481, 0.428, 44.289
CIE-LCH	72.421, 67.729, 70.943
CIE-LUV	72.421, 66.63, 64.539
Hunter-Lab	66.55, 17.262, 38.199
Binary	11110010, 10100000, 00110110

#f2a036
```
#f2a036 rgb(242,160,54)
```
#3688f2
```
#3688f2 rgb(54,136,242)
```

Complementary Color

#f24236
```
#f24236 rgb(242,66,54)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#e6f236
```
#e6f236 rgb(230,242,54)
```

Analogous Color

#4236f2
```
#4236f2 rgb(66,54,242)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#36e6f2
```
#36e6f2 rgb(54,230,242)
```

Split Complementary Color

#a036f2
```
#a036f2 rgb(160,54,242)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#36f2a0
```
#36f2a0 rgb(54,242,160)
```

Triadic Color

#f23688
```
#f23688 rgb(242,54,136)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#36f2a0
```
#36f2a0 rgb(54,242,160)
```
#3688f2
```
#3688f2 rgb(54,136,242)
```

Tetradic Color

#ce7a0d
```
#ce7a0d rgb(206,122,13)
```
#e6880f
```
#e6880f rgb(230,136,15)
```
#f0951e
```
#f0951e rgb(240,149,30)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#f4ab4e
```
#f4ab4e rgb(244,171,78)
```
#f5b766
```
#f5b766 rgb(245,183,102)
```
#f7c27e
```
#f7c27e rgb(247,194,126)
```

Monochromatic Color

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

#f27136
```
#f27136 rgb(242,113,54)
```
#f28136
```
#f28136 rgb(242,129,54)
```
#f29036
```
#f29036 rgb(242,144,54)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#f2b036
```
#f2b036 rgb(242,176,54)
```
#f2bf36
```
#f2bf36 rgb(242,191,54)
```
#f2cf36
```
#f2cf36 rgb(242,207,54)
```

Similar Colors

Text with hexadecimal color #f2a036

This text has a font color of #f2a036.

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

#f2a036 background color

This paragraph has a background color of #f2a036.

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

#f2a036 border color

This element has a border color of #f2a036.

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

CSS codes

.text {color:#f2a036;}

.background {background-color:#f2a036;}

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

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 #fef7ee is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#140c01
```
#140c01 rgb(20,12,1)
```
#271702
```
#271702 rgb(39,23,2)
```
#392204
```
#392204 rgb(57,34,4)
```
#4b2d05
```
#4b2d05 rgb(75,45,5)
```
#5e3806
```
#5e3806 rgb(94,56,6)
```
#704207
```
#704207 rgb(112,66,7)
```
#834d08
```
#834d08 rgb(131,77,8)
```
#95580a
```
#95580a rgb(149,88,10)
```
#a7630b
```
#a7630b rgb(167,99,11)
```
#ba6e0c
```
#ba6e0c rgb(186,110,12)
```
#cc790d
```
#cc790d rgb(204,121,13)
```
#df840e
```
#df840e rgb(223,132,14)
```

Shade Color Variation

#f08f11
```
#f08f11 rgb(240,143,17)
```
#f19724
```
#f19724 rgb(241,151,36)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#f3a948
```
#f3a948 rgb(243,169,72)
```
#f4b15b
```
#f4b15b rgb(244,177,91)
```
#f6ba6d
```
#f6ba6d rgb(246,186,109)
```
#f7c380
```
#f7c380 rgb(247,195,128)
```
#f8cc92
```
#f8cc92 rgb(248,204,146)
```
#f9d4a5
```
#f9d4a5 rgb(249,212,165)
```
#faddb7
```
#faddb7 rgb(250,221,183)
```
#fce6c9
```
#fce6c9 rgb(252,230,201)
```
#fdeedc
```
#fdeedc rgb(253,238,220)
```
#fef7ee
```
#fef7ee rgb(254,247,238)
```

Tint Color Variation

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

#979491
```
#979491 rgb(151,148,145)
```
#a09588
```
#a09588 rgb(160,149,136)
```
#a89780
```
#a89780 rgb(168,151,128)
```
#b09878
```
#b09878 rgb(176,152,120)
```
#b89970
```
#b89970 rgb(184,153,112)
```
#c19a67
```
#c19a67 rgb(193,154,103)
```
#c99b5f
```
#c99b5f rgb(201,155,95)
```
#d19c57
```
#d19c57 rgb(209,156,87)
```
#d99d4f
```
#d99d4f rgb(217,157,79)
```
#e29e46
```
#e29e46 rgb(226,158,70)
```
#ea9f3e
```
#ea9f3e rgb(234,159,62)
```
#f2a036
```
#f2a036 rgb(242,160,54)
```
#faa12e
```
#faa12e rgb(250,161,46)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#baaa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab544 Protanopia 1% of men
#e1ad3c Deuteranopia 1% of men
#f89ba5 Tritanopia 0.001% of the population

Trichromacy

#d8ad3f Protanomaly 1% of men, 0.01% of women
#e7a83a Deuteranomaly 6% of men, 0.4% of women
#f69c7c Tritanomaly 0.01% of the population

#f2a036 hex color

#f2a036 Color Information

#f2a036 Color Conversion

Color Schemes with #f2a036

Alternatives to #f2a036

#f2a036 Preview

Shades and Tints of #f2a036

Tones of #f2a036

Color Blindness Simulator