#ec69b4 hex color

In a RGB color space, hex #ec69b4 is composed of 92.5% red, 41.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.5% magenta, 23.7% yellow and 7.5% black. It has a hue angle of 325.6 degrees, a saturation of 77.5% and a lightness of 66.9%. #ec69b4 color hex could be obtained by blending #ffd2ff with #d90069. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 93
- G 41
- B 71
RGB color chart
- C 0
- M 56
- Y 24
- K 7
CMYK color chart

● #ec69b4 color description : Soft pink.

The hexadecimal color #ec69b4 has RGB values of R:236, G:105, B:180 and CMYK values of C:0, M:0.56, Y:0.24, K:0.07. Its decimal value is 15493556.

Hex triplet	ec69b4	`#ec69b4`
RGB Decimal	236, 105, 180	`rgb(236,105,180)`
RGB Percent	92.5, 41.2, 70.6	`rgb(92.5%,41.2%,70.6%)`
CMYK	0, 56, 24, 7
HSL	325.6°, 77.5, 66.9	`hsl(325.6,77.5%,66.9%)`
HSV (or HSB)	325.6°, 55.5, 92.5
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.705, 58.598, -15.113
XYZ	47.882, 31.235, 46.685
xyY	0.381, 0.248, 31.235
CIE-LCH	62.705, 60.516, 345.538
CIE-LUV	62.705, 76.561, -32.696
Hunter-Lab	55.888, 55.125, -10.405
Binary	11101100, 01101001, 10110100

#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#69eca1
```
#69eca1 rgb(105,236,161)
```

Complementary Color

#e369ec
```
#e369ec rgb(227,105,236)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#ec6973
```
#ec6973 rgb(236,105,115)
```

Analogous Color

#69ece3
```
#69ece3 rgb(105,236,227)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#73ec69
```
#73ec69 rgb(115,236,105)
```

Split Complementary Color

#69b4ec
```
#69b4ec rgb(105,180,236)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#b4ec69
```
#b4ec69 rgb(180,236,105)
```

Triadic Color

#a169ec
```
#a169ec rgb(161,105,236)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#b4ec69
```
#b4ec69 rgb(180,236,105)
```
#69eca1
```
#69eca1 rgb(105,236,161)
```

Tetradic Color

#e32592
```
#e32592 rgb(227,37,146)
```
#e63c9d
```
#e63c9d rgb(230,60,157)
```
#e952a9
```
#e952a9 rgb(233,82,169)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#ef80bf
```
#ef80bf rgb(239,128,191)
```
#f296cb
```
#f296cb rgb(242,150,203)
```
#f5add6
```
#f5add6 rgb(245,173,214)
```

Monochromatic Color

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

#ec69d5
```
#ec69d5 rgb(236,105,213)
```
#ec69ca
```
#ec69ca rgb(236,105,202)
```
#ec69bf
```
#ec69bf rgb(236,105,191)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#ec69a9
```
#ec69a9 rgb(236,105,169)
```
#ec699e
```
#ec699e rgb(236,105,158)
```
#ec6993
```
#ec6993 rgb(236,105,147)
```

Similar Colors

Text with hexadecimal color #ec69b4

This text has a font color of #ec69b4.

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

#ec69b4 background color

This paragraph has a background color of #ec69b4.

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

#ec69b4 border color

This element has a border color of #ec69b4.

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

CSS codes

.text {color:#ec69b4;}

.background {background-color:#ec69b4;}

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

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

#070104
```
#070104 rgb(7,1,4)
```
#18030f
```
#18030f rgb(24,3,15)
```
#2a051a
```
#2a051a rgb(42,5,26)
```
#3b0725
```
#3b0725 rgb(59,7,37)
```
#4c0a30
```
#4c0a30 rgb(76,10,48)
```
#5e0c3b
```
#5e0c3b rgb(94,12,59)
```
#6f0e46
```
#6f0e46 rgb(111,14,70)
```
#811051
```
#811051 rgb(129,16,81)
```
#92125b
```
#92125b rgb(146,18,91)
```
#a31566
```
#a31566 rgb(163,21,102)
```
#b51771
```
#b51771 rgb(181,23,113)
```
#c6197c
```
#c6197c rgb(198,25,124)
```
#d81b87
```
#d81b87 rgb(216,27,135)
```

Shade Color Variation

#e32391
```
#e32391 rgb(227,35,145)
```
#e5359a
```
#e5359a rgb(229,53,154)
```
#e846a3
```
#e846a3 rgb(232,70,163)
```
#ea58ab
```
#ea58ab rgb(234,88,171)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#ee7abd
```
#ee7abd rgb(238,122,189)
```
#f08cc5
```
#f08cc5 rgb(240,140,197)
```
#f39dce
```
#f39dce rgb(243,157,206)
```
#f5afd7
```
#f5afd7 rgb(245,175,215)
```
#f7c0e0
```
#f7c0e0 rgb(247,192,224)
```
#f9d1e8
```
#f9d1e8 rgb(249,209,232)
```
#fbe3f1
```
#fbe3f1 rgb(251,227,241)
```
#fef4fa
```
#fef4fa rgb(254,244,250)
```

Tint Color Variation

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

#abaaab
```
#abaaab rgb(171,170,171)
```
#b2a4ac
```
#b2a4ac rgb(178,164,172)
```
#b89dac
```
#b89dac rgb(184,157,172)
```
#bf97ad
```
#bf97ad rgb(191,151,173)
```
#c590ae
```
#c590ae rgb(197,144,174)
```
#cc8aaf
```
#cc8aaf rgb(204,138,175)
```
#d283b0
```
#d283b0 rgb(210,131,176)
```
#d97db1
```
#d97db1 rgb(217,125,177)
```
#df76b2
```
#df76b2 rgb(223,118,178)
```
#e670b3
```
#e670b3 rgb(230,112,179)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#f363b5
```
#f363b5 rgb(243,99,181)
```
#f95cb6
```
#f95cb6 rgb(249,92,182)
```

Tone Color Variation

Below, you can see how #ec69b4 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
#aa8f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9bd1 Protanopia 1% of men
#a399ad Deuteranopia 1% of men
#e77c84 Tritanopia 0.001% of the population

Trichromacy

#ae88c7 Protanomaly 1% of men, 0.01% of women
#bd87af Deuteranomaly 6% of men, 0.4% of women
#e97595 Tritanomaly 0.01% of the population

#ec69b4 hex color

#ec69b4 Color Information

#ec69b4 Color Conversion

Color Schemes with #ec69b4

Alternatives to #ec69b4

#ec69b4 Preview

Shades and Tints of #ec69b4

Tones of #ec69b4

Color Blindness Simulator