#f76165 Color Information
In a RGB color space, hex #f76165 is composed of 96.9% red, 38% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 59.1% yellow and 3.1% black. It has a hue angle of 358.4 degrees, a saturation of 90.4% and a lightness of 67.5%. #f76165 color hex could be obtained by blending #ffc2ca with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 38
- B 40
-
- C 0
- M 61
- Y 59
- K 3
● #f76165 color description : Soft red.
#f76165 Color Conversion
The hexadecimal color #f76165 has RGB values of R:247, G:97, B:101 and CMYK values of C:0, M:0.61, Y:0.59, K:0.03. Its decimal value is 16212325.
| Hex triplet | f76165 | #f76165 |
|---|---|---|
| RGB Decimal | 247, 97, 101 | rgb(247,97,101) |
| RGB Percent | 96.9, 38, 39.6 | rgb(96.9%,38%,39.6%) |
| CMYK | 0, 61, 59, 3 | |
| HSL | 358.4°, 90.4, 67.5 | hsl(358.4,90.4%,67.5%) |
| HSV (or HSB) | 358.4°, 60.7, 96.9 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.017, 57.678, 28.154 |
|---|---|
| XYZ | 44.983, 29.268, 15.592 |
| xyY | 0.501, 0.326, 29.268 |
| CIE-LCH | 61.017, 64.183, 26.018 |
| CIE-LUV | 61.017, 111.971, 22.161 |
| Hunter-Lab | 54.1, 53.746, 20.782 |
| Binary | 11110111, 01100001, 01100101 |
Color Schemes with #f76165
Alternatives to #f76165
Below, you can see some colors close to #f76165. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f76165 Preview
This text has a font color of #f76165.
<span style="color:#f76165;">Text here</span>
This paragraph has a background color of #f76165.
<p style="background-color:#f76165;">Content here</p>
This element has a border color of #f76165.
<div style="border:1px solid #f76165;">Content here</div>
.text {color:#f76165;}
.background {background-color:#f76165;}
.border {border:1px solid #f76165;}
Shades and Tints of #f76165
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, #0a0101 is the darkest color, while #fff6f7 is the lightest one.
-
#0a0101
#0a0101rgb(10,1,1) -
#1d0102
#1d0102rgb(29,1,2) -
#2f0204
#2f0204rgb(47,2,4) -
#420305
#420305rgb(66,3,5) -
#550406
#550406rgb(85,4,6) -
#670508
#670508rgb(103,5,8) -
#7a0609
#7a0609rgb(122,6,9) -
#8d070b
#8d070brgb(141,7,11) -
#9f080c
#9f080crgb(159,8,12) -
#b2090e
#b2090ergb(178,9,14) -
#c50a0f
#c50a0frgb(197,10,15) -
#d70b10
#d70b10rgb(215,11,16) -
#ea0c12
#ea0c12rgb(234,12,18)
-
#f3161c
#f3161crgb(243,22,28) -
#f4292e
#f4292ergb(244,41,46) -
#f53c41
#f53c41rgb(245,60,65) -
#f64e53
#f64e53rgb(246,78,83) -
#f76165
#f76165rgb(247,97,101) -
#f87477
#f87477rgb(248,116,119) -
#f98689
#f98689rgb(249,134,137) -
#fa999c
#fa999crgb(250,153,156) -
#fbacae
#fbacaergb(251,172,174) -
#fcbec0
#fcbec0rgb(252,190,192) -
#fdd1d2
#fdd1d2rgb(253,209,210) -
#fee4e4
#fee4e4rgb(254,228,228) -
#fff6f7
#fff6f7rgb(255,246,247)
Tones of #f76165
A tone is produced by adding gray to any pure hue. In this case, #b1a7a7 is the less saturated color, while #fd5b5f is the most saturated one.
-
#b1a7a7
#b1a7a7rgb(177,167,167) -
#b7a1a1
#b7a1a1rgb(183,161,161) -
#be9a9b
#be9a9brgb(190,154,155) -
#c49495
#c49495rgb(196,148,149) -
#ca8e8f
#ca8e8frgb(202,142,143) -
#d18789
#d18789rgb(209,135,137) -
#d78183
#d78183rgb(215,129,131) -
#dd7b7d
#dd7b7drgb(221,123,125) -
#e47477
#e47477rgb(228,116,119) -
#ea6e71
#ea6e71rgb(234,110,113) -
#f1676b
#f1676brgb(241,103,107) -
#f76165
#f76165rgb(247,97,101) -
#fd5b5f
#fd5b5frgb(253,91,95)
Color Blindness Simulator
Below, you can see how #f76165 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.
