#ff2caa hex color

In a RGB color space, hex #ff2caa is composed of 100% red, 17.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 33.3% yellow and 0% black. It has a hue angle of 324.2 degrees, a saturation of 100% and a lightness of 58.6%. #ff2caa color hex could be obtained by blending #ff58ff with #ff0055. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 100
- G 17
- B 67
RGB color chart
- C 0
- M 83
- Y 33
- K 0
CMYK color chart

● #ff2caa color description : Vivid pink.

The hexadecimal color #ff2caa has RGB values of R:255, G:44, B:170 and CMYK values of C:0, M:0.83, Y:0.33, K:0. Its decimal value is 16723114.

Hex triplet	ff2caa	`#ff2caa`
RGB Decimal	255, 44, 170	`rgb(255,44,170)`
RGB Percent	100, 17.3, 66.7	`rgb(100%,17.3%,66.7%)`
CMYK	0, 83, 33, 0
HSL	324.2°, 100, 58.6	`hsl(324.2,100%,58.6%)`
HSV (or HSB)	324.2°, 82.7, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.007, 83.002, -16.163
XYZ	49.397, 25.969, 40.439
xyY	0.427, 0.224, 25.969
CIE-LCH	58.007, 84.562, 348.98
CIE-LUV	58.007, 116.767, -38.584
Hunter-Lab	50.959, 83.85, -11.378
Binary	11111111, 00101100, 10101010

#ff2caa
```
#ff2caa rgb(255,44,170)
```
#2cff81
```
#2cff81 rgb(44,255,129)
```

Complementary Color

#eb2cff
```
#eb2cff rgb(235,44,255)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#ff2c40
```
#ff2c40 rgb(255,44,64)
```

Analogous Color

#2cffeb
```
#2cffeb rgb(44,255,235)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#40ff2c
```
#40ff2c rgb(64,255,44)
```

Split Complementary Color

#2caaff
```
#2caaff rgb(44,170,255)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#aaff2c
```
#aaff2c rgb(170,255,44)
```

Triadic Color

#812cff
```
#812cff rgb(129,44,255)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#aaff2c
```
#aaff2c rgb(170,255,44)
```
#2cff81
```
#2cff81 rgb(44,255,129)
```

Tetradic Color

#df0085
```
#df0085 rgb(223,0,133)
```
#f80094
```
#f80094 rgb(248,0,148)
```
#ff13a0
```
#ff13a0 rgb(255,19,160)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#ff46b4
```
#ff46b4 rgb(255,70,180)
```
#ff5fbf
```
#ff5fbf rgb(255,95,191)
```
#ff79c9
```
#ff79c9 rgb(255,121,201)
```

Monochromatic Color

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

#ff2cdf
```
#ff2cdf rgb(255,44,223)
```
#ff2ccd
```
#ff2ccd rgb(255,44,205)
```
#ff2cbc
```
#ff2cbc rgb(255,44,188)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#ff2c98
```
#ff2c98 rgb(255,44,152)
```
#ff2c87
```
#ff2c87 rgb(255,44,135)
```
#ff2c75
```
#ff2c75 rgb(255,44,117)
```

Similar Colors

Text with hexadecimal color #ff2caa

This text has a font color of #ff2caa.

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

#ff2caa background color

This paragraph has a background color of #ff2caa.

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

#ff2caa border color

This element has a border color of #ff2caa.

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

CSS codes

.text {color:#ff2caa;}

.background {background-color:#ff2caa;}

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

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

#050003
```
#050003 rgb(5,0,3)
```
#18000f
```
#18000f rgb(24,0,15)
```
#2c001a
```
#2c001a rgb(44,0,26)
```
#400026
```
#400026 rgb(64,0,38)
```
#530032
```
#530032 rgb(83,0,50)
```
#67003d
```
#67003d rgb(103,0,61)
```
#7a0049
```
#7a0049 rgb(122,0,73)
```
#8e0055
```
#8e0055 rgb(142,0,85)
```
#a20061
```
#a20061 rgb(162,0,97)
```
#b5006c
```
#b5006c rgb(181,0,108)
```
#c90078
```
#c90078 rgb(201,0,120)
```
#dd0084
```
#dd0084 rgb(221,0,132)
```
#f0008f
```
#f0008f rgb(240,0,143)
```

Shade Color Variation

#ff059a
```
#ff059a rgb(255,5,154)
```
#ff18a2
```
#ff18a2 rgb(255,24,162)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```
#ff40b2
```
#ff40b2 rgb(255,64,178)
```
#ff53ba
```
#ff53ba rgb(255,83,186)
```
#ff67c2
```
#ff67c2 rgb(255,103,194)
```
#ff7aca
```
#ff7aca rgb(255,122,202)
```
#ff8ed2
```
#ff8ed2 rgb(255,142,210)
```
#ffa2d9
```
#ffa2d9 rgb(255,162,217)
```
#ffb5e1
```
#ffb5e1 rgb(255,181,225)
```
#ffc9e9
```
#ffc9e9 rgb(255,201,233)
```
#ffddf1
```
#ffddf1 rgb(255,221,241)
```
#fff0f9
```
#fff0f9 rgb(255,240,249)
```

Tint Color Variation

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

#9e8d97
```
#9e8d97 rgb(158,141,151)
```
#a68599
```
#a68599 rgb(166,133,153)
```
#ae7d9a
```
#ae7d9a rgb(174,125,154)
```
#b6759c
```
#b6759c rgb(182,117,156)
```
#be6d9d
```
#be6d9d rgb(190,109,157)
```
#c6659f
```
#c6659f rgb(198,101,159)
```
#ce5da1
```
#ce5da1 rgb(206,93,161)
```
#d655a2
```
#d655a2 rgb(214,85,162)
```
#df4ca4
```
#df4ca4 rgb(223,76,164)
```
#e744a5
```
#e744a5 rgb(231,68,165)
```
#ef3ca7
```
#ef3ca7 rgb(239,60,167)
```
#f734a8
```
#f734a8 rgb(247,52,168)
```
#ff2caa
```
#ff2caa rgb(255,44,170)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#946a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8edf Protanopia 1% of men
#988d9e Deuteranopia 1% of men
#f8565a Tritanopia 0.001% of the population

Trichromacy

#a36acc Protanomaly 1% of men, 0.01% of women
#bd6aa2 Deuteranomaly 6% of men, 0.4% of women
#fb4677 Tritanomaly 0.01% of the population

#ff2caa hex color

#ff2caa Color Information

#ff2caa Color Conversion

Color Schemes with #ff2caa

Alternatives to #ff2caa

#ff2caa Preview

Shades and Tints of #ff2caa

Tones of #ff2caa

Color Blindness Simulator