#ff2f64 hex color

In a RGB color space, hex #ff2f64 is composed of 100% red, 18.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 60.8% yellow and 0% black. It has a hue angle of 344.7 degrees, a saturation of 100% and a lightness of 59.2%. #ff2f64 color hex could be obtained by blending #ff5ec8 with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 18
- B 39
RGB color chart
- C 0
- M 82
- Y 61
- K 0
CMYK color chart

● #ff2f64 color description : Vivid pink.

The hexadecimal color #ff2f64 has RGB values of R:255, G:47, B:100 and CMYK values of C:0, M:0.82, Y:0.61, K:0. Its decimal value is 16723812.

Hex triplet	ff2f64	`#ff2f64`
RGB Decimal	255, 47, 100	`rgb(255,47,100)`
RGB Percent	100, 18.4, 39.2	`rgb(100%,18.4%,39.2%)`
CMYK	0, 82, 61, 0
HSL	344.7°, 100, 59.2	`hsl(344.7,100%,59.2%)`
HSV (or HSB)	344.7°, 81.6, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.306, 76.757, 22.805
XYZ	44.559, 24.218, 14.384
xyY	0.536, 0.291, 24.218
CIE-LCH	56.306, 80.073, 16.547
CIE-LUV	56.306, 144.47, 10.959
Hunter-Lab	49.212, 75.499, 17.119
Binary	11111111, 00101111, 01100100

#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#2fffca
```
#2fffca rgb(47,255,202)
```

Complementary Color

#ff2fcc
```
#ff2fcc rgb(255,47,204)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#ff622f
```
#ff622f rgb(255,98,47)
```

Analogous Color

#2fccff
```
#2fccff rgb(47,204,255)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#2fff62
```
#2fff62 rgb(47,255,98)
```

Split Complementary Color

#2f64ff
```
#2f64ff rgb(47,100,255)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#64ff2f
```
#64ff2f rgb(100,255,47)
```

Triadic Color

#ca2fff
```
#ca2fff rgb(202,47,255)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#64ff2f
```
#64ff2f rgb(100,255,47)
```
#2fffca
```
#2fffca rgb(47,255,202)
```

Tetradic Color

#e20039
```
#e20039 rgb(226,0,57)
```
#fb0040
```
#fb0040 rgb(251,0,64)
```
#ff1651
```
#ff1651 rgb(255,22,81)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#ff4977
```
#ff4977 rgb(255,73,119)
```
#ff628a
```
#ff628a rgb(255,98,138)
```
#ff7c9d
```
#ff7c9d rgb(255,124,157)
```

Monochromatic Color

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

#ff2f98
```
#ff2f98 rgb(255,47,152)
```
#ff2f87
```
#ff2f87 rgb(255,47,135)
```
#ff2f75
```
#ff2f75 rgb(255,47,117)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#ff2f53
```
#ff2f53 rgb(255,47,83)
```
#ff2f41
```
#ff2f41 rgb(255,47,65)
```
#ff2f30
```
#ff2f30 rgb(255,47,48)
```

Similar Colors

Text with hexadecimal color #ff2f64

This text has a font color of #ff2f64.

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

#ff2f64 background color

This paragraph has a background color of #ff2f64.

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

#ff2f64 border color

This element has a border color of #ff2f64.

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

CSS codes

.text {color:#ff2f64;}

.background {background-color:#ff2f64;}

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

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, #080002 is the darkest color, while #fff3f6 is the lightest one.

#080002
```
#080002 rgb(8,0,2)
```
#1b0007
```
#1b0007 rgb(27,0,7)
```
#2f000c
```
#2f000c rgb(47,0,12)
```
#430011
```
#430011 rgb(67,0,17)
```
#560016
```
#560016 rgb(86,0,22)
```
#6a001b
```
#6a001b rgb(106,0,27)
```
#7d0020
```
#7d0020 rgb(125,0,32)
```
#910025
```
#910025 rgb(145,0,37)
```
#a5002a
```
#a5002a rgb(165,0,42)
```
#b8002f
```
#b8002f rgb(184,0,47)
```
#cc0034
```
#cc0034 rgb(204,0,52)
```
#e00039
```
#e00039 rgb(224,0,57)
```
#f3003e
```
#f3003e rgb(243,0,62)
```

Shade Color Variation

#ff0847
```
#ff0847 rgb(255,8,71)
```
#ff1b55
```
#ff1b55 rgb(255,27,85)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```
#ff4373
```
#ff4373 rgb(255,67,115)
```
#ff5681
```
#ff5681 rgb(255,86,129)
```
#ff6a90
```
#ff6a90 rgb(255,106,144)
```
#ff7d9e
```
#ff7d9e rgb(255,125,158)
```
#ff91ad
```
#ff91ad rgb(255,145,173)
```
#ffa5bc
```
#ffa5bc rgb(255,165,188)
```
#ffb8ca
```
#ffb8ca rgb(255,184,202)
```
#ffccd9
```
#ffccd9 rgb(255,204,217)
```
#ffe0e8
```
#ffe0e8 rgb(255,224,232)
```
#fff3f6
```
#fff3f6 rgb(255,243,246)
```

Tint Color Variation

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

#9f8f93
```
#9f8f93 rgb(159,143,147)
```
#a7878f
```
#a7878f rgb(167,135,143)
```
#af7f8b
```
#af7f8b rgb(175,127,139)
```
#b77787
```
#b77787 rgb(183,119,135)
```
#bf6f83
```
#bf6f83 rgb(191,111,131)
```
#c7677f
```
#c7677f rgb(199,103,127)
```
#cf5f7c
```
#cf5f7c rgb(207,95,124)
```
#d75778
```
#d75778 rgb(215,87,120)
```
#df4f74
```
#df4f74 rgb(223,79,116)
```
#e74770
```
#e74770 rgb(231,71,112)
```
#ef3f6c
```
#ef3f6c rgb(239,63,108)
```
#f73768
```
#f73768 rgb(247,55,104)
```
#ff2f64
```
#ff2f64 rgb(255,47,100)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8f6570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8c8b Protanopia 1% of men
#a8875e Deuteranopia 1% of men
#fd4345 Tritanopia 0.001% of the population

Trichromacy

#b86a7d Protanomaly 1% of men, 0.01% of women
#c86760 Deuteranomaly 6% of men, 0.4% of women
#fe3c50 Tritanomaly 0.01% of the population

#ff2f64 hex color

#ff2f64 Color Information

#ff2f64 Color Conversion

Color Schemes with #ff2f64

Alternatives to #ff2f64

#ff2f64 Preview

Shades and Tints of #ff2f64

Tones of #ff2f64

Color Blindness Simulator