#ec307e hex color

In a RGB color space, hex #ec307e is composed of 92.5% red, 18.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 46.6% yellow and 7.5% black. It has a hue angle of 335.1 degrees, a saturation of 83.2% and a lightness of 55.7%. #ec307e color hex could be obtained by blending #ff60fc with #d90000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 19
- B 49
RGB color chart
- C 0
- M 80
- Y 47
- K 7
CMYK color chart

● #ec307e color description : Bright pink.

The hexadecimal color #ec307e has RGB values of R:236, G:48, B:126 and CMYK values of C:0, M:0.8, Y:0.47, K:0.07. Its decimal value is 15478910.

Hex triplet	ec307e	`#ec307e`
RGB Decimal	236, 48, 126	`rgb(236,48,126)`
RGB Percent	92.5, 18.8, 49.4	`rgb(92.5%,18.8%,49.4%)`
CMYK	0, 80, 47, 7
HSL	335.1°, 83.2, 55.7	`hsl(335.1,83.2%,55.7%)`
HSV (or HSB)	335.1°, 79.7, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.447, 73.524, 2.726
XYZ	39.416, 21.457, 21.804
xyY	0.477, 0.26, 21.457
CIE-LCH	53.447, 73.574, 2.124
CIE-LUV	53.447, 119.275, -10.938
Hunter-Lab	46.322, 70.824, 4.518
Binary	11101100, 00110000, 01111110

#ec307e
```
#ec307e rgb(236,48,126)
```
#30ec9e
```
#30ec9e rgb(48,236,158)
```

Complementary Color

#ec30dc
```
#ec30dc rgb(236,48,220)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#ec4030
```
#ec4030 rgb(236,64,48)
```

Analogous Color

#30dcec
```
#30dcec rgb(48,220,236)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#30ec40
```
#30ec40 rgb(48,236,64)
```

Split Complementary Color

#307eec
```
#307eec rgb(48,126,236)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#7eec30
```
#7eec30 rgb(126,236,48)
```

Triadic Color

#9e30ec
```
#9e30ec rgb(158,48,236)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#7eec30
```
#7eec30 rgb(126,236,48)
```
#30ec9e
```
#30ec9e rgb(48,236,158)
```

Tetradic Color

#be1159
```
#be1159 rgb(190,17,89)
```
#d51464
```
#d51464 rgb(213,20,100)
```
#ea196f
```
#ea196f rgb(234,25,111)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#ee478d
```
#ee478d rgb(238,71,141)
```
#f05f9b
```
#f05f9b rgb(240,95,155)
```
#f276aa
```
#f276aa rgb(242,118,170)
```

Monochromatic Color

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

#ec30ad
```
#ec30ad rgb(236,48,173)
```
#ec309d
```
#ec309d rgb(236,48,157)
```
#ec308e
```
#ec308e rgb(236,48,142)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#ec306e
```
#ec306e rgb(236,48,110)
```
#ec305f
```
#ec305f rgb(236,48,95)
```
#ec304f
```
#ec304f rgb(236,48,79)
```

Similar Colors

Text with hexadecimal color #ec307e

This text has a font color of #ec307e.

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

#ec307e background color

This paragraph has a background color of #ec307e.

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

#ec307e border color

This element has a border color of #ec307e.

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

CSS codes

.text {color:#ec307e;}

.background {background-color:#ec307e;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1b020c
```
#1b020c rgb(27,2,12)
```
#2d0415
```
#2d0415 rgb(45,4,21)
```
#3e061d
```
#3e061d rgb(62,6,29)
```
#500726
```
#500726 rgb(80,7,38)
```
#62092e
```
#62092e rgb(98,9,46)
```
#740b37
```
#740b37 rgb(116,11,55)
```
#860c3f
```
#860c3f rgb(134,12,63)
```
#980e47
```
#980e47 rgb(152,14,71)
```
#aa1050
```
#aa1050 rgb(170,16,80)
```
#bc1158
```
#bc1158 rgb(188,17,88)
```
#ce1361
```
#ce1361 rgb(206,19,97)
```
#e01569
```
#e01569 rgb(224,21,105)
```

Shade Color Variation

#ea1e73
```
#ea1e73 rgb(234,30,115)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#ee4289
```
#ee4289 rgb(238,66,137)
```
#ef5494
```
#ef5494 rgb(239,84,148)
```
#f166a0
```
#f166a0 rgb(241,102,160)
```
#f378ab
```
#f378ab rgb(243,120,171)
```
#f48ab6
```
#f48ab6 rgb(244,138,182)
```
#f69cc1
```
#f69cc1 rgb(246,156,193)
```
#f8aecc
```
#f8aecc rgb(248,174,204)
```
#f9c0d8
```
#f9c0d8 rgb(249,192,216)
```
#fbd2e3
```
#fbd2e3 rgb(251,210,227)
```
#fce4ee
```
#fce4ee rgb(252,228,238)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#95878d
```
#95878d rgb(149,135,141)
```
#9e7e8b
```
#9e7e8b rgb(158,126,139)
```
#a6768a
```
#a6768a rgb(166,118,138)
```
#af6d88
```
#af6d88 rgb(175,109,136)
```
#b86487
```
#b86487 rgb(184,100,135)
```
#c15b85
```
#c15b85 rgb(193,91,133)
```
#c95384
```
#c95384 rgb(201,83,132)
```
#d24a82
```
#d24a82 rgb(210,74,130)
```
#db4181
```
#db4181 rgb(219,65,129)
```
#e3397f
```
#e3397f rgb(227,57,127)
```
#ec307e
```
#ec307e rgb(236,48,126)
```
#f5277d
```
#f5277d rgb(245,39,125)
```
#fd1f7b
```
#fd1f7b rgb(253,31,123)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a6474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c84a8 Protanopia 1% of men
#988177 Deuteranopia 1% of men
#e94a4d Tritanopia 0.001% of the population

Trichromacy

#a46699 Protanomaly 1% of men, 0.01% of women
#b6647a Deuteranomaly 6% of men, 0.4% of women
#ea415f Tritanomaly 0.01% of the population

#ec307e hex color

#ec307e Color Information

#ec307e Color Conversion

Color Schemes with #ec307e

Alternatives to #ec307e

#ec307e Preview

Shades and Tints of #ec307e

Tones of #ec307e

Color Blindness Simulator