#ec6caa hex color

In a RGB color space, hex #ec6caa is composed of 92.5% red, 42.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.2% magenta, 28% yellow and 7.5% black. It has a hue angle of 330.9 degrees, a saturation of 77.1% and a lightness of 67.5%. #ec6caa color hex could be obtained by blending #ffd8ff with #d90055. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 93
- G 42
- B 67
RGB color chart
- C 0
- M 54
- Y 28
- K 7
CMYK color chart

● #ec6caa color description : Soft pink.

The hexadecimal color #ec6caa has RGB values of R:236, G:108, B:170 and CMYK values of C:0, M:0.54, Y:0.28, K:0.07. Its decimal value is 15494314.

Hex triplet	ec6caa	`#ec6caa`
RGB Decimal	236, 108, 170	`rgb(236,108,170)`
RGB Percent	92.5, 42.4, 66.7	`rgb(92.5%,42.4%,66.7%)`
CMYK	0, 54, 28, 7
HSL	330.9°, 77.1, 67.5	`hsl(330.9,77.1%,67.5%)`
HSV (or HSB)	330.9°, 54.2, 92.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.897, 55.903, -9.112
XYZ	47.211, 31.464, 41.615
xyY	0.392, 0.262, 31.464
CIE-LCH	62.897, 56.641, 350.742
CIE-LUV	62.897, 77.996, -23.412
Hunter-Lab	56.093, 52.073, -4.722
Binary	11101100, 01101100, 10101010

#ec6caa
```
#ec6caa rgb(236,108,170)
```
#6cecae
```
#6cecae rgb(108,236,174)
```

Complementary Color

#ec6cea
```
#ec6cea rgb(236,108,234)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#ec6e6c
```
#ec6e6c rgb(236,110,108)
```

Analogous Color

#6ceaec
```
#6ceaec rgb(108,234,236)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#6cec6e
```
#6cec6e rgb(108,236,110)
```

Split Complementary Color

#6caaec
```
#6caaec rgb(108,170,236)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#aaec6c
```
#aaec6c rgb(170,236,108)
```

Triadic Color

#ae6cec
```
#ae6cec rgb(174,108,236)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#aaec6c
```
#aaec6c rgb(170,236,108)
```
#6cecae
```
#6cecae rgb(108,236,174)
```

Tetradic Color

#e32883
```
#e32883 rgb(227,40,131)
```
#e63f90
```
#e63f90 rgb(230,63,144)
```
#e9559d
```
#e9559d rgb(233,85,157)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#ef83b7
```
#ef83b7 rgb(239,131,183)
```
#f299c4
```
#f299c4 rgb(242,153,196)
```
#f5b0d1
```
#f5b0d1 rgb(245,176,209)
```

Monochromatic Color

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

#ec6cca
```
#ec6cca rgb(236,108,202)
```
#ec6cbf
```
#ec6cbf rgb(236,108,191)
```
#ec6cb5
```
#ec6cb5 rgb(236,108,181)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#ec6c9f
```
#ec6c9f rgb(236,108,159)
```
#ec6c95
```
#ec6c95 rgb(236,108,149)
```
#ec6c8a
```
#ec6c8a rgb(236,108,138)
```

Similar Colors

Text with hexadecimal color #ec6caa

This text has a font color of #ec6caa.

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

#ec6caa background color

This paragraph has a background color of #ec6caa.

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

#ec6caa border color

This element has a border color of #ec6caa.

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

CSS codes

.text {color:#ec6caa;}

.background {background-color:#ec6caa;}

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

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

#090105
```
#090105 rgb(9,1,5)
```
#1b030f
```
#1b030f rgb(27,3,15)
```
#2c0618
```
#2c0618 rgb(44,6,24)
```
#3d0822
```
#3d0822 rgb(61,8,34)
```
#4f0a2b
```
#4f0a2b rgb(79,10,43)
```
#600c35
```
#600c35 rgb(96,12,53)
```
#720f3f
```
#720f3f rgb(114,15,63)
```
#831148
```
#831148 rgb(131,17,72)
```
#941352
```
#941352 rgb(148,19,82)
```
#a6155b
```
#a6155b rgb(166,21,91)
```
#b71865
```
#b71865 rgb(183,24,101)
```
#c81a6e
```
#c81a6e rgb(200,26,110)
```
#da1c78
```
#da1c78 rgb(218,28,120)
```

Shade Color Variation

#e32782
```
#e32782 rgb(227,39,130)
```
#e5388c
```
#e5388c rgb(229,56,140)
```
#e84996
```
#e84996 rgb(232,73,150)
```
#ea5ba0
```
#ea5ba0 rgb(234,91,160)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#ee7db4
```
#ee7db4 rgb(238,125,180)
```
#f08fbe
```
#f08fbe rgb(240,143,190)
```
#f3a0c8
```
#f3a0c8 rgb(243,160,200)
```
#f5b1d2
```
#f5b1d2 rgb(245,177,210)
```
#f7c3dc
```
#f7c3dc rgb(247,195,220)
```
#f9d4e6
```
#f9d4e6 rgb(249,212,230)
```
#fce6f0
```
#fce6f0 rgb(252,230,240)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#b3a5ac
```
#b3a5ac rgb(179,165,172)
```
#b99fac
```
#b99fac rgb(185,159,172)
```
#bf99ab
```
#bf99ab rgb(191,153,171)
```
#c692ab
```
#c692ab rgb(198,146,171)
```
#cc8cab
```
#cc8cab rgb(204,140,171)
```
#d286ab
```
#d286ab rgb(210,134,171)
```
#d97fab
```
#d97fab rgb(217,127,171)
```
#df79aa
```
#df79aa rgb(223,121,170)
```
#e672aa
```
#e672aa rgb(230,114,170)
```
#ec6caa
```
#ec6caa rgb(236,108,170)
```
#f266aa
```
#f266aa rgb(242,102,170)
```
#f95faa
```
#f95faa rgb(249,95,170)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#aa909c Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc5 Protanopia 1% of men
#a899a4 Deuteranopia 1% of men
#e87c84 Tritanopia 0.001% of the population

Trichromacy

#b28abb Protanomaly 1% of men, 0.01% of women
#c188a6 Deuteranomaly 6% of men, 0.4% of women
#ea7692 Tritanomaly 0.01% of the population

#ec6caa hex color

#ec6caa Color Information

#ec6caa Color Conversion

Color Schemes with #ec6caa

Alternatives to #ec6caa

#ec6caa Preview

Shades and Tints of #ec6caa

Tones of #ec6caa

Color Blindness Simulator