#f76171 Color Information
In a RGB color space, hex #f76171 is composed of 96.9% red, 38% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 54.3% yellow and 3.1% black. It has a hue angle of 353.6 degrees, a saturation of 90.4% and a lightness of 67.5%. #f76171 color hex could be obtained by blending #ffc2e2 with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 38
- B 44
-
- C 0
- M 61
- Y 54
- K 3
● #f76171 color description : Soft red.
#f76171 Color Conversion
The hexadecimal color #f76171 has RGB values of R:247, G:97, B:113 and CMYK values of C:0, M:0.61, Y:0.54, K:0.03. Its decimal value is 16212337.
| Hex triplet | f76171 | #f76171 |
|---|---|---|
| RGB Decimal | 247, 97, 113 | rgb(247,97,113) |
| RGB Percent | 96.9, 38, 44.3 | rgb(96.9%,38%,44.3%) |
| CMYK | 0, 61, 54, 3 | |
| HSL | 353.6°, 90.4, 67.5 | hsl(353.6,90.4%,67.5%) |
| HSV (or HSB) | 353.6°, 60.7, 96.9 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.238, 58.541, 21.568 |
|---|---|
| XYZ | 45.614, 29.52, 18.918 |
| xyY | 0.485, 0.314, 29.52 |
| CIE-LCH | 61.238, 62.388, 20.225 |
| CIE-LUV | 61.238, 108.937, 15.126 |
| Hunter-Lab | 54.333, 54.776, 17.389 |
| Binary | 11110111, 01100001, 01110001 |
Color Schemes with #f76171
Alternatives to #f76171
Below, you can see some colors close to #f76171. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f76171 Preview
This text has a font color of #f76171.
<span style="color:#f76171;">Text here</span>
This paragraph has a background color of #f76171.
<p style="background-color:#f76171;">Content here</p>
This element has a border color of #f76171.
<div style="border:1px solid #f76171;">Content here</div>
.text {color:#f76171;}
.background {background-color:#f76171;}
.border {border:1px solid #f76171;}
Shades and Tints of #f76171
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, #0a0102 is the darkest color, while #fff6f7 is the lightest one.
-
#0a0102
#0a0102rgb(10,1,2) -
#1d0104
#1d0104rgb(29,1,4) -
#2f0207
#2f0207rgb(47,2,7) -
#42030a
#42030argb(66,3,10) -
#55040d
#55040drgb(85,4,13) -
#670510
#670510rgb(103,5,16) -
#7a0613
#7a0613rgb(122,6,19) -
#8d0715
#8d0715rgb(141,7,21) -
#9f0818
#9f0818rgb(159,8,24) -
#b2091b
#b2091brgb(178,9,27) -
#c50a1e
#c50a1ergb(197,10,30) -
#d70b21
#d70b21rgb(215,11,33) -
#ea0c24
#ea0c24rgb(234,12,36)
-
#f3162e
#f3162ergb(243,22,46) -
#f4293f
#f4293frgb(244,41,63) -
#f53c4f
#f53c4frgb(245,60,79) -
#f64e60
#f64e60rgb(246,78,96) -
#f76171
#f76171rgb(247,97,113) -
#f87482
#f87482rgb(248,116,130) -
#f98693
#f98693rgb(249,134,147) -
#fa99a3
#fa99a3rgb(250,153,163) -
#fbacb4
#fbacb4rgb(251,172,180) -
#fcbec5
#fcbec5rgb(252,190,197) -
#fdd1d6
#fdd1d6rgb(253,209,214) -
#fee4e6
#fee4e6rgb(254,228,230) -
#fff6f7
#fff6f7rgb(255,246,247)
Tones of #f76171
A tone is produced by adding gray to any pure hue. In this case, #b1a7a8 is the less saturated color, while #fd5b6c is the most saturated one.
-
#b1a7a8
#b1a7a8rgb(177,167,168) -
#b7a1a3
#b7a1a3rgb(183,161,163) -
#be9a9e
#be9a9ergb(190,154,158) -
#c49499
#c49499rgb(196,148,153) -
#ca8e94
#ca8e94rgb(202,142,148) -
#d1878f
#d1878frgb(209,135,143) -
#d7818a
#d7818argb(215,129,138) -
#dd7b85
#dd7b85rgb(221,123,133) -
#e47480
#e47480rgb(228,116,128) -
#ea6e7b
#ea6e7brgb(234,110,123) -
#f16776
#f16776rgb(241,103,118) -
#f76171
#f76171rgb(247,97,113) -
#fd5b6c
#fd5b6crgb(253,91,108)
Color Blindness Simulator
Below, you can see how #f76171 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.
