#f55165 Color Information
In a RGB color space, hex #f55165 is composed of 96.1% red, 31.8% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 58.8% yellow and 3.9% black. It has a hue angle of 352.7 degrees, a saturation of 89.1% and a lightness of 63.9%. #f55165 color hex could be obtained by blending #ffa2ca with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 32
- B 40
-
- C 0
- M 67
- Y 59
- K 4
● #f55165 color description : Soft red.
#f55165 Color Conversion
The hexadecimal color #f55165 has RGB values of R:245, G:81, B:101 and CMYK values of C:0, M:0.67, Y:0.59, K:0.04. Its decimal value is 16077157.
| Hex triplet | f55165 | #f55165 |
|---|---|---|
| RGB Decimal | 245, 81, 101 | rgb(245,81,101) |
| RGB Percent | 96.1, 31.8, 39.6 | rgb(96.1%,31.8%,39.6%) |
| CMYK | 0, 67, 59, 4 | |
| HSL | 352.7°, 89.1, 63.9 | hsl(352.7,89.1%,63.9%) |
| HSV (or HSB) | 352.7°, 66.9, 96.1 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 58.266, 63.575, 24.488 |
|---|---|
| XYZ | 42.949, 26.242, 15.115 |
| xyY | 0.509, 0.311, 26.242 |
| CIE-LCH | 58.266, 68.128, 21.066 |
| CIE-LUV | 58.266, 120.167, 16.464 |
| Hunter-Lab | 51.226, 60.011, 18.365 |
| Binary | 11110101, 01010001, 01100101 |
Color Schemes with #f55165
Alternatives to #f55165
Below, you can see some colors close to #f55165. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55165 Preview
This text has a font color of #f55165.
<span style="color:#f55165;">Text here</span>
This paragraph has a background color of #f55165.
<p style="background-color:#f55165;">Content here</p>
This element has a border color of #f55165.
<div style="border:1px solid #f55165;">Content here</div>
.text {color:#f55165;}
.background {background-color:#f55165;}
.border {border:1px solid #f55165;}
Shades and Tints of #f55165
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, #0b0102 is the darkest color, while #fff8f9 is the lightest one.
-
#0b0102
#0b0102rgb(11,1,2) -
#1e0205
#1e0205rgb(30,2,5) -
#310308
#310308rgb(49,3,8) -
#43040c
#43040crgb(67,4,12) -
#56050f
#56050frgb(86,5,15) -
#680612
#680612rgb(104,6,18) -
#7b0715
#7b0715rgb(123,7,21) -
#8d0818
#8d0818rgb(141,8,24) -
#a0091c
#a0091crgb(160,9,28) -
#b20a1f
#b20a1frgb(178,10,31) -
#c50b22
#c50b22rgb(197,11,34) -
#d80c25
#d80c25rgb(216,12,37) -
#ea0d28
#ea0d28rgb(234,13,40)
-
#f21934
#f21934rgb(242,25,52) -
#f32c44
#f32c44rgb(243,44,68) -
#f43e55
#f43e55rgb(244,62,85) -
#f55165
#f55165rgb(245,81,101) -
#f66475
#f66475rgb(246,100,117) -
#f77686
#f77686rgb(247,118,134) -
#f88996
#f88996rgb(248,137,150) -
#f99ba7
#f99ba7rgb(249,155,167) -
#faaeb7
#faaeb7rgb(250,174,183) -
#fbc0c8
#fbc0c8rgb(251,192,200) -
#fcd3d8
#fcd3d8rgb(252,211,216) -
#fee5e8
#fee5e8rgb(254,229,232) -
#fff8f9
#fff8f9rgb(255,248,249)
Tones of #f55165
A tone is produced by adding gray to any pure hue. In this case, #a79fa0 is the less saturated color, while #fc4a60 is the most saturated one.
-
#a79fa0
#a79fa0rgb(167,159,160) -
#ae989b
#ae989brgb(174,152,155) -
#b59195
#b59195rgb(181,145,149) -
#bc8a90
#bc8a90rgb(188,138,144) -
#c3838a
#c3838argb(195,131,138) -
#cb7b85
#cb7b85rgb(203,123,133) -
#d27480
#d27480rgb(210,116,128) -
#d96d7a
#d96d7argb(217,109,122) -
#e06675
#e06675rgb(224,102,117) -
#e75f70
#e75f70rgb(231,95,112) -
#ee586a
#ee586argb(238,88,106) -
#f55165
#f55165rgb(245,81,101) -
#fc4a60
#fc4a60rgb(252,74,96)
Color Blindness Simulator
Below, you can see how #f55165 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.
