#f2962a hex color

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

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

● #f2962a color description : Bright orange.

The hexadecimal color #f2962a has RGB values of R:242, G:150, B:42 and CMYK values of C:0, M:0.38, Y:0.83, K:0.05. Its decimal value is 15898154.

Hex triplet	f2962a	`#f2962a`
RGB Decimal	242, 150, 42	`rgb(242,150,42)`
RGB Percent	94.9, 58.8, 16.5	`rgb(94.9%,58.8%,16.5%)`
CMYK	0, 38, 83, 5
HSL	32.4°, 88.5, 55.7	`hsl(32.4,88.5%,55.7%)`
HSV (or HSB)	32.4°, 82.6, 94.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.078, 26.989, 66.236
XYZ	47.944, 40.861, 7.552
xyY	0.498, 0.424, 40.861
CIE-LCH	70.078, 71.524, 67.831
CIE-LUV	70.078, 75.371, 63.488
Hunter-Lab	63.922, 22.016, 37.741
Binary	11110010, 10010110, 00101010

#f2962a
```
#f2962a rgb(242,150,42)
```
#2a86f2
```
#2a86f2 rgb(42,134,242)
```

Complementary Color

#f2322a
```
#f2322a rgb(242,50,42)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#eaf22a
```
#eaf22a rgb(234,242,42)
```

Analogous Color

#322af2
```
#322af2 rgb(50,42,242)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#2aeaf2
```
#2aeaf2 rgb(42,234,242)
```

Split Complementary Color

#962af2
```
#962af2 rgb(150,42,242)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#2af296
```
#2af296 rgb(42,242,150)
```

Triadic Color

#f22a86
```
#f22a86 rgb(242,42,134)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#2af296
```
#2af296 rgb(42,242,150)
```
#2a86f2
```
#2a86f2 rgb(42,134,242)
```

Tetradic Color

#c46f0c
```
#c46f0c rgb(196,111,12)
```
#dc7d0d
```
#dc7d0d rgb(220,125,13)
```
#f18a12
```
#f18a12 rgb(241,138,18)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#f3a242
```
#f3a242 rgb(243,162,66)
```
#f5ae5a
```
#f5ae5a rgb(245,174,90)
```
#f6ba72
```
#f6ba72 rgb(246,186,114)
```

Monochromatic Color

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

#f2642a
```
#f2642a rgb(242,100,42)
```
#f2752a
```
#f2752a rgb(242,117,42)
```
#f2852a
```
#f2852a rgb(242,133,42)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#f2a72a
```
#f2a72a rgb(242,167,42)
```
#f2b72a
```
#f2b72a rgb(242,183,42)
```
#f2c82a
```
#f2c82a rgb(242,200,42)
```

Similar Colors

Text with hexadecimal color #f2962a

This text has a font color of #f2962a.

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

#f2962a background color

This paragraph has a background color of #f2962a.

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

#f2962a border color

This element has a border color of #f2962a.

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

CSS codes

.text {color:#f2962a;}

.background {background-color:#f2962a;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1b1002
```
#1b1002 rgb(27,16,2)
```
#2e1a03
```
#2e1a03 rgb(46,26,3)
```
#402504
```
#402504 rgb(64,37,4)
```
#532f05
```
#532f05 rgb(83,47,5)
```
#653a06
```
#653a06 rgb(101,58,6)
```
#784407
```
#784407 rgb(120,68,7)
```
#8a4f08
```
#8a4f08 rgb(138,79,8)
```
#9d590a
```
#9d590a rgb(157,89,10)
```
#af640b
```
#af640b rgb(175,100,11)
```
#c26e0c
```
#c26e0c rgb(194,110,12)
```
#d4790d
```
#d4790d rgb(212,121,13)
```
#e7830e
```
#e7830e rgb(231,131,14)
```

Shade Color Variation

#f18d18
```
#f18d18 rgb(241,141,24)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#f39f3c
```
#f39f3c rgb(243,159,60)
```
#f4a84f
```
#f4a84f rgb(244,168,79)
```
#f5b161
```
#f5b161 rgb(245,177,97)
```
#f7ba74
```
#f7ba74 rgb(247,186,116)
```
#f8c486
```
#f8c486 rgb(248,196,134)
```
#f9cd99
```
#f9cd99 rgb(249,205,153)
```
#fad6ab
```
#fad6ab rgb(250,214,171)
```
#fbdfbe
```
#fbdfbe rgb(251,223,190)
```
#fce8d0
```
#fce8d0 rgb(252,232,208)
```
#fdf1e3
```
#fdf1e3 rgb(253,241,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#928e8a
```
#928e8a rgb(146,142,138)
```
#9b8f81
```
#9b8f81 rgb(155,143,129)
```
#a49078
```
#a49078 rgb(164,144,120)
```
#ac9070
```
#ac9070 rgb(172,144,112)
```
#b59167
```
#b59167 rgb(181,145,103)
```
#be925e
```
#be925e rgb(190,146,94)
```
#c79355
```
#c79355 rgb(199,147,85)
```
#cf934d
```
#cf934d rgb(207,147,77)
```
#d89444
```
#d89444 rgb(216,148,68)
```
#e1953b
```
#e1953b rgb(225,149,59)
```
#e99533
```
#e99533 rgb(233,149,51)
```
#f2962a
```
#f2962a rgb(242,150,42)
```
#fb9721
```
#fb9721 rgb(251,151,33)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b4a28c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af3a Protanopia 1% of men
#daa72e Deuteranopia 1% of men
#f8919b Tritanopia 0.001% of the population

Trichromacy

#d4a634 Protanomaly 1% of men, 0.01% of women
#e3a12d Deuteranomaly 6% of men, 0.4% of women
#f59372 Tritanomaly 0.01% of the population

#f2962a hex color

#f2962a Color Information

#f2962a Color Conversion

Color Schemes with #f2962a

Alternatives to #f2962a

#f2962a Preview

Shades and Tints of #f2962a

Tones of #f2962a

Color Blindness Simulator