#ff0ca4 hex color

In a RGB color space, hex #ff0ca4 is composed of 100% red, 4.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.3% magenta, 35.7% yellow and 0% black. It has a hue angle of 322.5 degrees, a saturation of 100% and a lightness of 52.4%. #ff0ca4 color hex could be obtained by blending #ff18ff with #ff0049. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 100
- G 5
- B 64
RGB color chart
- C 0
- M 95
- Y 36
- K 0
CMYK color chart

● #ff0ca4 color description : Vivid pink.

The hexadecimal color #ff0ca4 has RGB values of R:255, G:12, B:164 and CMYK values of C:0, M:0.95, Y:0.36, K:0. Its decimal value is 16714916.

Hex triplet	ff0ca4	`#ff0ca4`
RGB Decimal	255, 12, 164	`rgb(255,12,164)`
RGB Percent	100, 4.7, 64.3	`rgb(100%,4.7%,64.3%)`
CMYK	0, 95, 36, 0
HSL	322.5°, 100, 52.4	`hsl(322.5,100%,52.4%)`
HSV (or HSB)	322.5°, 95.3, 100
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.296, 86.755, -15.245
XYZ	48.073, 24.208, 37.261
xyY	0.439, 0.221, 24.208
CIE-LCH	56.296, 88.084, 350.034
CIE-LUV	56.296, 124.302, -37.862
Hunter-Lab	49.202, 88.302, -10.46
Binary	11111111, 00001100, 10100100

#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#0cff67
```
#0cff67 rgb(12,255,103)
```

Complementary Color

#e10cff
```
#e10cff rgb(225,12,255)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#ff0c2b
```
#ff0c2b rgb(255,12,43)
```

Analogous Color

#0cffe1
```
#0cffe1 rgb(12,255,225)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#2aff0c
```
#2aff0c rgb(42,255,12)
```

Split Complementary Color

#0ca4ff
```
#0ca4ff rgb(12,164,255)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#a4ff0c
```
#a4ff0c rgb(164,255,12)
```

Triadic Color

#670cff
```
#670cff rgb(103,12,255)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#a4ff0c
```
#a4ff0c rgb(164,255,12)
```
#0cff67
```
#0cff67 rgb(12,255,103)
```

Tetradic Color

#bf0077
```
#bf0077 rgb(191,0,119)
```
#d80087
```
#d80087 rgb(216,0,135)
```
#f20097
```
#f20097 rgb(242,0,151)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#ff26ae
```
#ff26ae rgb(255,38,174)
```
#ff3fb7
```
#ff3fb7 rgb(255,63,183)
```
#ff59c1
```
#ff59c1 rgb(255,89,193)
```

Monochromatic Color

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

#ff0ce1
```
#ff0ce1 rgb(255,12,225)
```
#ff0ccd
```
#ff0ccd rgb(255,12,205)
```
#ff0cb8
```
#ff0cb8 rgb(255,12,184)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#ff0c90
```
#ff0c90 rgb(255,12,144)
```
#ff0c7c
```
#ff0c7c rgb(255,12,124)
```
#ff0c67
```
#ff0c67 rgb(255,12,103)
```

Similar Colors

Text with hexadecimal color #ff0ca4

This text has a font color of #ff0ca4.

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

#ff0ca4 background color

This paragraph has a background color of #ff0ca4.

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

#ff0ca4 border color

This element has a border color of #ff0ca4.

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

CSS codes

.text {color:#ff0ca4;}

.background {background-color:#ff0ca4;}

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

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

#0c0008
```
#0c0008 rgb(12,0,8)
```
#200014
```
#200014 rgb(32,0,20)
```
#330020
```
#330020 rgb(51,0,32)
```
#47002c
```
#47002c rgb(71,0,44)
```
#5a0039
```
#5a0039 rgb(90,0,57)
```
#6e0045
```
#6e0045 rgb(110,0,69)
```
#820051
```
#820051 rgb(130,0,81)
```
#95005d
```
#95005d rgb(149,0,93)
```
#a9006a
```
#a9006a rgb(169,0,106)
```
#bd0076
```
#bd0076 rgb(189,0,118)
```
#d00082
```
#d00082 rgb(208,0,130)
```
#e4008e
```
#e4008e rgb(228,0,142)
```
#f7009b
```
#f7009b rgb(247,0,155)
```

Shade Color Variation

#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```
#ff20ab
```
#ff20ab rgb(255,32,171)
```
#ff33b3
```
#ff33b3 rgb(255,51,179)
```
#ff47ba
```
#ff47ba rgb(255,71,186)
```
#ff5ac1
```
#ff5ac1 rgb(255,90,193)
```
#ff6ec9
```
#ff6ec9 rgb(255,110,201)
```
#ff82d0
```
#ff82d0 rgb(255,130,208)
```
#ff95d7
```
#ff95d7 rgb(255,149,215)
```
#ffa9df
```
#ffa9df rgb(255,169,223)
```
#ffbde6
```
#ffbde6 rgb(255,189,230)
```
#ffd0ed
```
#ffd0ed rgb(255,208,237)
```
#ffe4f5
```
#ffe4f5 rgb(255,228,245)
```
#fff7fc
```
#fff7fc rgb(255,247,252)
```

Tint Color Variation

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

#8f7c88
```
#8f7c88 rgb(143,124,136)
```
#98738a
```
#98738a rgb(152,115,138)
```
#a2698d
```
#a2698d rgb(162,105,141)
```
#ab608f
```
#ab608f rgb(171,96,143)
```
#b45791
```
#b45791 rgb(180,87,145)
```
#be4d94
```
#be4d94 rgb(190,77,148)
```
#c74496
```
#c74496 rgb(199,68,150)
```
#d03b98
```
#d03b98 rgb(208,59,152)
```
#da319b
```
#da319b rgb(218,49,155)
```
#e3289d
```
#e3289d rgb(227,40,157)
```
#ec1f9f
```
#ec1f9f rgb(236,31,159)
```
#f615a2
```
#f615a2 rgb(246,21,162)
```
#ff0ca4
```
#ff0ca4 rgb(255,12,164)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#855472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678adf Protanopia 1% of men
#958998 Deuteranopia 1% of men
#f94a4d Tritanopia 0.001% of the population

Trichromacy

#9e5cca Protanomaly 1% of men, 0.01% of women
#bb5b9c Deuteranomaly 6% of men, 0.4% of women
#fb336c Tritanomaly 0.01% of the population

#ff0ca4 hex color

#ff0ca4 Color Information

#ff0ca4 Color Conversion

Color Schemes with #ff0ca4

Alternatives to #ff0ca4

#ff0ca4 Preview

Shades and Tints of #ff0ca4

Tones of #ff0ca4

Color Blindness Simulator