#f2977a hex color

In a RGB color space, hex #f2977a is composed of 94.9% red, 59.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 49.6% yellow and 5.1% black. It has a hue angle of 14.5 degrees, a saturation of 82.2% and a lightness of 71.4%. #f2977a color hex could be obtained by blending #fffff4 with #e52f00. Closest websafe color is: #ff9966.

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

● #f2977a color description : Soft red.

The hexadecimal color #f2977a has RGB values of R:242, G:151, B:122 and CMYK values of C:0, M:0.38, Y:0.5, K:0.05. Its decimal value is 15898490.

Hex triplet	f2977a	`#f2977a`
RGB Decimal	242, 151, 122	`rgb(242,151,122)`
RGB Percent	94.9, 59.2, 47.8	`rgb(94.9%,59.2%,47.8%)`
CMYK	0, 38, 50, 5
HSL	14.5°, 82.2, 71.4	`hsl(14.5,82.2%,71.4%)`
HSV (or HSB)	14.5°, 49.6, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	71.159, 31.141, 29.625
XYZ	51.198, 42.419, 23.903
xyY	0.436, 0.361, 42.419
CIE-LCH	71.159, 42.981, 43.57
CIE-LUV	71.159, 66.523, 31.942
Hunter-Lab	65.13, 26.34, 23.832
Binary	11110010, 10010111, 01111010

#f2977a
```
#f2977a rgb(242,151,122)
```
#7ad5f2
```
#7ad5f2 rgb(122,213,242)
```

Complementary Color

#f27a99
```
#f27a99 rgb(242,122,153)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#f2d37a
```
#f2d37a rgb(242,211,122)
```

Analogous Color

#7a99f2
```
#7a99f2 rgb(122,153,242)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#7af2d3
```
#7af2d3 rgb(122,242,211)
```

Split Complementary Color

#977af2
```
#977af2 rgb(151,122,242)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#7af297
```
#7af297 rgb(122,242,151)
```

Triadic Color

#f27ad5
```
#f27ad5 rgb(242,122,213)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#7af297
```
#7af297 rgb(122,242,151)
```
#7ad5f2
```
#7ad5f2 rgb(122,213,242)
```

Tetradic Color

#eb6134
```
#eb6134 rgb(235,97,52)
```
#ed734c
```
#ed734c rgb(237,115,76)
```
#f08563
```
#f08563 rgb(240,133,99)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#f4a991
```
#f4a991 rgb(244,169,145)
```
#f7bba8
```
#f7bba8 rgb(247,187,168)
```
#f9cdc0
```
#f9cdc0 rgb(249,205,192)
```

Monochromatic Color

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

#f27a7b
```
#f27a7b rgb(242,122,123)
```
#f2837a
```
#f2837a rgb(242,131,122)
```
#f28d7a
```
#f28d7a rgb(242,141,122)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#f2a17a
```
#f2a17a rgb(242,161,122)
```
#f2ab7a
```
#f2ab7a rgb(242,171,122)
```
#f2b57a
```
#f2b57a rgb(242,181,122)
```

Similar Colors

Text with hexadecimal color #f2977a

This text has a font color of #f2977a.

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

#f2977a background color

This paragraph has a background color of #f2977a.

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

#f2977a border color

This element has a border color of #f2977a.

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

CSS codes

.text {color:#f2977a;}

.background {background-color:#f2977a;}

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

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

#0a0301
```
#0a0301 rgb(10,3,1)
```
#1c0903
```
#1c0903 rgb(28,9,3)
```
#2e0e04
```
#2e0e04 rgb(46,14,4)
```
#401406
```
#401406 rgb(64,20,6)
```
#511a08
```
#511a08 rgb(81,26,8)
```
#631f0a
```
#631f0a rgb(99,31,10)
```
#75250b
```
#75250b rgb(117,37,11)
```
#872b0d
```
#872b0d rgb(135,43,13)
```
#99300f
```
#99300f rgb(153,48,15)
```
#ab3611
```
#ab3611 rgb(171,54,17)
```
#bd3c12
```
#bd3c12 rgb(189,60,18)
```
#cf4114
```
#cf4114 rgb(207,65,20)
```
#e04716
```
#e04716 rgb(224,71,22)
```

Shade Color Variation

#e95121
```
#e95121 rgb(233,81,33)
```
#eb5f33
```
#eb5f33 rgb(235,95,51)
```
#ed6d44
```
#ed6d44 rgb(237,109,68)
```
#ef7b56
```
#ef7b56 rgb(239,123,86)
```
#f08968
```
#f08968 rgb(240,137,104)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#f4a58c
```
#f4a58c rgb(244,165,140)
```
#f5b39e
```
#f5b39e rgb(245,179,158)
```
#f7c1b0
```
#f7c1b0 rgb(247,193,176)
```
#f9cfc1
```
#f9cfc1 rgb(249,207,193)
```
#fbddd3
```
#fbddd3 rgb(251,221,211)
```
#fcebe5
```
#fcebe5 rgb(252,235,229)
```
#fef9f7
```
#fef9f7 rgb(254,249,247)
```

Tint Color Variation

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

#bab4b2
```
#bab4b2 rgb(186,180,178)
```
#bfb1ad
```
#bfb1ad rgb(191,177,173)
```
#c5aea7
```
#c5aea7 rgb(197,174,167)
```
#cbaba1
```
#cbaba1 rgb(203,171,161)
```
#d0a89c
```
#d0a89c rgb(208,168,156)
```
#d6a696
```
#d6a696 rgb(214,166,150)
```
#dca390
```
#dca390 rgb(220,163,144)
```
#e1a08b
```
#e1a08b rgb(225,160,139)
```
#e79d85
```
#e79d85 rgb(231,157,133)
```
#ec9a80
```
#ec9a80 rgb(236,154,128)
```
#f2977a
```
#f2977a rgb(242,151,122)
```
#f89474
```
#f89474 rgb(248,148,116)
```
#fd916f
```
#fd916f rgb(253,145,111)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bcaaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb289 Protanopia 1% of men
#d3ab7c Deuteranopia 1% of men
#f597a1 Tritanopia 0.001% of the population

Trichromacy

#d1a883 Protanomaly 1% of men, 0.01% of women
#dea37b Deuteranomaly 6% of men, 0.4% of women
#f49793 Tritanomaly 0.01% of the population

#f2977a hex color

#f2977a Color Information

#f2977a Color Conversion

Color Schemes with #f2977a

Alternatives to #f2977a

#f2977a Preview

Shades and Tints of #f2977a

Tones of #f2977a

Color Blindness Simulator