#f2836a hex color

In a RGB color space, hex #f2836a is composed of 94.9% red, 51.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 56.2% yellow and 5.1% black. It has a hue angle of 11 degrees, a saturation of 84% and a lightness of 68.2%. #f2836a color hex could be obtained by blending #ffffd4 with #e50700. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 51
- B 42
RGB color chart
- C 0
- M 46
- Y 56
- K 5
CMYK color chart

● #f2836a color description : Soft red.

The hexadecimal color #f2836a has RGB values of R:242, G:131, B:106 and CMYK values of C:0, M:0.46, Y:0.56, K:0.05. Its decimal value is 15893354.

Hex triplet	f2836a	`#f2836a`
RGB Decimal	242, 131, 106	`rgb(242,131,106)`
RGB Percent	94.9, 51.4, 41.6	`rgb(94.9%,51.4%,41.6%)`
CMYK	0, 46, 56, 5
HSL	11°, 84, 68.2	`hsl(11,84%,68.2%)`
HSV (or HSB)	11°, 56.2, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	66.638, 40.134, 32.468
XYZ	47.337, 36.154, 18.12
xyY	0.466, 0.356, 36.154
CIE-LCH	66.638, 51.623, 38.973
CIE-LUV	66.638, 83.313, 31.98
Hunter-Lab	60.128, 35.302, 24.222
Binary	11110010, 10000011, 01101010

#f2836a
```
#f2836a rgb(242,131,106)
```
#6ad9f2
```
#6ad9f2 rgb(106,217,242)
```

Complementary Color

#f26a95
```
#f26a95 rgb(242,106,149)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#f2c76a
```
#f2c76a rgb(242,199,106)
```

Analogous Color

#6a95f2
```
#6a95f2 rgb(106,149,242)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#6af2c7
```
#6af2c7 rgb(106,242,199)
```

Split Complementary Color

#836af2
```
#836af2 rgb(131,106,242)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#6af283
```
#6af283 rgb(106,242,131)
```

Triadic Color

#f26ad9
```
#f26ad9 rgb(242,106,217)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#6af283
```
#6af283 rgb(106,242,131)
```
#6ad9f2
```
#6ad9f2 rgb(106,217,242)
```

Tetradic Color

#ec4824
```
#ec4824 rgb(236,72,36)
```
#ee5c3b
```
#ee5c3b rgb(238,92,59)
```
#f06f53
```
#f06f53 rgb(240,111,83)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#f49781
```
#f49781 rgb(244,151,129)
```
#f6aa99
```
#f6aa99 rgb(246,170,153)
```
#f8beb0
```
#f8beb0 rgb(248,190,176)
```

Monochromatic Color

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

#f26a73
```
#f26a73 rgb(242,106,115)
```
#f26c6a
```
#f26c6a rgb(242,108,106)
```
#f2786a
```
#f2786a rgb(242,120,106)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#f28e6a
```
#f28e6a rgb(242,142,106)
```
#f29a6a
```
#f29a6a rgb(242,154,106)
```
#f2a56a
```
#f2a56a rgb(242,165,106)
```

Similar Colors

Text with hexadecimal color #f2836a

This text has a font color of #f2836a.

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

#f2836a background color

This paragraph has a background color of #f2836a.

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

#f2836a border color

This element has a border color of #f2836a.

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

CSS codes

.text {color:#f2836a;}

.background {background-color:#f2836a;}

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

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, #0d0301 is the darkest color, while #fffbfa is the lightest one.

#0d0301
```
#0d0301 rgb(13,3,1)
```
#1f0803
```
#1f0803 rgb(31,8,3)
```
#310d04
```
#310d04 rgb(49,13,4)
```
#431106
```
#431106 rgb(67,17,6)
```
#561607
```
#561607 rgb(86,22,7)
```
#681a09
```
#681a09 rgb(104,26,9)
```
#7a1f0b
```
#7a1f0b rgb(122,31,11)
```
#8c240c
```
#8c240c rgb(140,36,12)
```
#9e280e
```
#9e280e rgb(158,40,14)
```
#b02d0f
```
#b02d0f rgb(176,45,15)
```
#c23111
```
#c23111 rgb(194,49,17)
```
#d43612
```
#d43612 rgb(212,54,18)
```
#e63b14
```
#e63b14 rgb(230,59,20)
```

Shade Color Variation

#ec4722
```
#ec4722 rgb(236,71,34)
```
#ed5634
```
#ed5634 rgb(237,86,52)
```
#ef6546
```
#ef6546 rgb(239,101,70)
```
#f07458
```
#f07458 rgb(240,116,88)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#f4927c
```
#f4927c rgb(244,146,124)
```
#f5a18e
```
#f5a18e rgb(245,161,142)
```
#f7b0a0
```
#f7b0a0 rgb(247,176,160)
```
#f8bfb2
```
#f8bfb2 rgb(248,191,178)
```
#facec4
```
#facec4 rgb(250,206,196)
```
#fbddd6
```
#fbddd6 rgb(251,221,214)
```
#fdece8
```
#fdece8 rgb(253,236,232)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#b4aaa8
```
#b4aaa8 rgb(180,170,168)
```
#baa6a2
```
#baa6a2 rgb(186,166,162)
```
#c0a39c
```
#c0a39c rgb(192,163,156)
```
#c69f96
```
#c69f96 rgb(198,159,150)
```
#cd9b8f
```
#cd9b8f rgb(205,155,143)
```
#d39789
```
#d39789 rgb(211,151,137)
```
#d99383
```
#d99383 rgb(217,147,131)
```
#df8f7d
```
#df8f7d rgb(223,143,125)
```
#e68b76
```
#e68b76 rgb(230,139,118)
```
#ec8770
```
#ec8770 rgb(236,135,112)
```
#f2836a
```
#f2836a rgb(242,131,106)
```
#f87f64
```
#f87f64 rgb(248,127,100)
```
#fe7b5e
```
#fe7b5e rgb(254,123,94)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b19b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a67c Protanopia 1% of men
#c89f6b Deuteranopia 1% of men
#f4858e Tritanopia 0.001% of the population

Trichromacy

#c99976 Protanomaly 1% of men, 0.01% of women
#d7956b Deuteranomaly 6% of men, 0.4% of women
#f38480 Tritanomaly 0.01% of the population

#f2836a hex color

#f2836a Color Information

#f2836a Color Conversion

Color Schemes with #f2836a

Alternatives to #f2836a

#f2836a Preview

Shades and Tints of #f2836a

Tones of #f2836a

Color Blindness Simulator