colorhexa.com

#f01f65 hex color

In a RGB color space, hex #f01f65 is composed of 94.1% red, 12.2% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 57.9% yellow and 5.9% black. It has a hue angle of 339.9 degrees, a saturation of 87.4% and a lightness of 53.1%. #f01f65 color hex could be obtained by blending #ff3eca with #e10000. Closest websafe color is: #ff3366.

- R 94
- G 12
- B 40
RGB color chart
- C 0
- M 87
- Y 58
- K 6
CMYK color chart

● #f01f65 color description : Vivid pink.

The hexadecimal color #f01f65 has RGB values of R:240, G:31, B:101 and CMYK values of C:0, M:0.87, Y:0.58, K:0.06. Its decimal value is 15736677.

Hex triplet	f01f65	`#f01f65`
RGB Decimal	240, 31, 101	`rgb(240,31,101)`
RGB Percent	94.1, 12.2, 39.6	`rgb(94.1%,12.2%,39.6%)`
CMYK	0, 87, 58, 6
HSL	339.9°, 87.4, 53.1	`hsl(339.9,87.4%,53.1%)`
HSV (or HSB)	339.9°, 87.1, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.342, 76.256, 16.367
XYZ	38.776, 20.449, 14.217
xyY	0.528, 0.278, 20.449
CIE-LCH	52.342, 77.993, 12.114
CIE-LUV	52.342, 137.27, 3.948
Hunter-Lab	45.221, 73.922, 13.015
Binary	11110000, 00011111, 01100101

#f01f65
```
#f01f65 rgb(240,31,101)
```
#1ff0aa
```
#1ff0aa rgb(31,240,170)
```

Complementary Color

#f01fce
```
#f01fce rgb(240,31,206)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#f0421f
```
#f0421f rgb(240,66,31)
```

Analogous Color

#1fcef0
```
#1fcef0 rgb(31,206,240)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#1ff042
```
#1ff042 rgb(31,240,66)
```

Split Complementary Color

#1f65f0
```
#1f65f0 rgb(31,101,240)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#65f01f
```
#65f01f rgb(101,240,31)
```

Triadic Color

#aa1ff0
```
#aa1ff0 rgb(170,31,240)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#65f01f
```
#65f01f rgb(101,240,31)
```
#1ff0aa
```
#1ff0aa rgb(31,240,170)
```

Tetradic Color

#b60c45
```
#b60c45 rgb(182,12,69)
```
#ce0e4e
```
#ce0e4e rgb(206,14,78)
```
#e60f57
```
#e60f57 rgb(230,15,87)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#f23775
```
#f23775 rgb(242,55,117)
```
#f34f86
```
#f34f86 rgb(243,79,134)
```
#f56796
```
#f56796 rgb(245,103,150)
```

Monochromatic Color

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

#f01f99
```
#f01f99 rgb(240,31,153)
```
#f01f88
```
#f01f88 rgb(240,31,136)
```
#f01f76
```
#f01f76 rgb(240,31,118)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#f01f54
```
#f01f54 rgb(240,31,84)
```
#f01f42
```
#f01f42 rgb(240,31,66)
```
#f01f31
```
#f01f31 rgb(240,31,49)
```

Similar Colors

Text with hexadecimal color #f01f65

This text has a font color of #f01f65.

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

#f01f65 background color

This paragraph has a background color of #f01f65.

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

#f01f65 border color

This element has a border color of #f01f65.

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

CSS codes

.text {color:#f01f65;}

.background {background-color:#f01f65;}

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

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

#0f0106
```
#0f0106 rgb(15,1,6)
```
#21020d
```
#21020d rgb(33,2,13)
```
#340314
```
#340314 rgb(52,3,20)
```
#46051b
```
#46051b rgb(70,5,27)
```
#590622
```
#590622 rgb(89,6,34)
```
#6b0729
```
#6b0729 rgb(107,7,41)
```
#7d0830
```
#7d0830 rgb(125,8,48)
```
#900a37
```
#900a37 rgb(144,10,55)
```
#a20b3d
```
#a20b3d rgb(162,11,61)
```
#b40c44
```
#b40c44 rgb(180,12,68)
```
#c70d4b
```
#c70d4b rgb(199,13,75)
```
#d90f52
```
#d90f52 rgb(217,15,82)
```
#ec1059
```
#ec1059 rgb(236,16,89)
```

Shade Color Variation

#f01f65
```
#f01f65 rgb(240,31,101)
```
#f13172
```
#f13172 rgb(241,49,114)
```
#f2447e
```
#f2447e rgb(242,68,126)
```
#f4568b
```
#f4568b rgb(244,86,139)
```
#f56998
```
#f56998 rgb(245,105,152)
```
#f67ba4
```
#f67ba4 rgb(246,123,164)
```
#f78db1
```
#f78db1 rgb(247,141,177)
```
#f9a0bd
```
#f9a0bd rgb(249,160,189)
```
#fab2ca
```
#fab2ca rgb(250,178,202)
```
#fbc4d7
```
#fbc4d7 rgb(251,196,215)
```
#fcd7e3
```
#fcd7e3 rgb(252,215,227)
```
#fee9f0
```
#fee9f0 rgb(254,233,240)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#8b8486
```
#8b8486 rgb(139,132,134)
```
#947b83
```
#947b83 rgb(148,123,131)
```
#9d7280
```
#9d7280 rgb(157,114,128)
```
#a6697d
```
#a6697d rgb(166,105,125)
```
#b05f7a
```
#b05f7a rgb(176,95,122)
```
#b95677
```
#b95677 rgb(185,86,119)
```
#c24d74
```
#c24d74 rgb(194,77,116)
```
#cb4471
```
#cb4471 rgb(203,68,113)
```
#d43b6e
```
#d43b6e rgb(212,59,110)
```
#de316b
```
#de316b rgb(222,49,107)
```
#e72868
```
#e72868 rgb(231,40,104)
```
#f01f65
```
#f01f65 rgb(240,31,101)
```
#f91662
```
#f91662 rgb(249,22,98)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#815765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82828f Protanopia 1% of men
#9b7e60 Deuteranopia 1% of men
#ee3a3b Tritanopia 0.001% of the population

Trichromacy

#aa5e80 Protanomaly 1% of men, 0.01% of women
#ba5b61 Deuteranomaly 6% of men, 0.4% of women
#ef304a Tritanomaly 0.01% of the population