#ea306d hex color

In a RGB color space, hex #ea306d is composed of 91.8% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.5% magenta, 53.4% yellow and 8.2% black. It has a hue angle of 340.3 degrees, a saturation of 81.6% and a lightness of 55.3%. #ea306d color hex could be obtained by blending #ff60da with #d50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 92
- G 19
- B 43
RGB color chart
- C 0
- M 79
- Y 53
- K 8
CMYK color chart

● #ea306d color description : Bright pink.

The hexadecimal color #ea306d has RGB values of R:234, G:48, B:109 and CMYK values of C:0, M:0.79, Y:0.53, K:0.08. Its decimal value is 15347821.

Hex triplet	ea306d	`#ea306d`
RGB Decimal	234, 48, 109	`rgb(234,48,109)`
RGB Percent	91.8, 18.8, 42.7	`rgb(91.8%,18.8%,42.7%)`
CMYK	0, 79, 53, 8
HSL	340.3°, 81.6, 55.3	`hsl(340.3,81.6%,55.3%)`
HSV (or HSB)	340.3°, 79.5, 91.8
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.636, 71.69, 11.758
XYZ	37.75, 20.715, 16.478
xyY	0.504, 0.276, 20.715
CIE-LCH	52.636, 72.647, 9.314
CIE-LUV	52.636, 124.298, 0.137
Hunter-Lab	45.513, 68.405, 10.394
Binary	11101010, 00110000, 01101101

#ea306d
```
#ea306d rgb(234,48,109)
```
#30eaad
```
#30eaad rgb(48,234,173)
```

Complementary Color

#ea30ca
```
#ea30ca rgb(234,48,202)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#ea5030
```
#ea5030 rgb(234,80,48)
```

Analogous Color

#30caea
```
#30caea rgb(48,202,234)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#30ea50
```
#30ea50 rgb(48,234,80)
```

Split Complementary Color

#306dea
```
#306dea rgb(48,109,234)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#6dea30
```
#6dea30 rgb(109,234,48)
```

Triadic Color

#ad30ea
```
#ad30ea rgb(173,48,234)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#6dea30
```
#6dea30 rgb(109,234,48)
```
#30eaad
```
#30eaad rgb(48,234,173)
```

Tetradic Color

#bb134a
```
#bb134a rgb(187,19,74)
```
#d21553
```
#d21553 rgb(210,21,83)
```
#e8195d
```
#e8195d rgb(232,25,93)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#ec477d
```
#ec477d rgb(236,71,125)
```
#ef5e8e
```
#ef5e8e rgb(239,94,142)
```
#f1759e
```
#f1759e rgb(241,117,158)
```

Monochromatic Color

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

#ea309c
```
#ea309c rgb(234,48,156)
```
#ea308c
```
#ea308c rgb(234,48,140)
```
#ea307d
```
#ea307d rgb(234,48,125)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#ea305e
```
#ea305e rgb(234,48,94)
```
#ea304e
```
#ea304e rgb(234,48,78)
```
#ea303f
```
#ea303f rgb(234,48,63)
```

Similar Colors

Text with hexadecimal color #ea306d

This text has a font color of #ea306d.

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

#ea306d background color

This paragraph has a background color of #ea306d.

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

#ea306d border color

This element has a border color of #ea306d.

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

CSS codes

.text {color:#ea306d;}

.background {background-color:#ea306d;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#19020a
```
#19020a rgb(25,2,10)
```
#2a0411
```
#2a0411 rgb(42,4,17)
```
#3c0618
```
#3c0618 rgb(60,6,24)
```
#4e081f
```
#4e081f rgb(78,8,31)
```
#600a26
```
#600a26 rgb(96,10,38)
```
#720c2d
```
#720c2d rgb(114,12,45)
```
#830d34
```
#830d34 rgb(131,13,52)
```
#950f3b
```
#950f3b rgb(149,15,59)
```
#a71142
```
#a71142 rgb(167,17,66)
```
#b91349
```
#b91349 rgb(185,19,73)
```
#cb1550
```
#cb1550 rgb(203,21,80)
```
#dc1657
```
#dc1657 rgb(220,22,87)
```

Shade Color Variation

#e81e60
```
#e81e60 rgb(232,30,96)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#ec427a
```
#ec427a rgb(236,66,122)
```
#ee5486
```
#ee5486 rgb(238,84,134)
```
#ef6593
```
#ef6593 rgb(239,101,147)
```
#f1779f
```
#f1779f rgb(241,119,159)
```
#f389ac
```
#f389ac rgb(243,137,172)
```
#f59bb8
```
#f59bb8 rgb(245,155,184)
```
#f7adc5
```
#f7adc5 rgb(247,173,197)
```
#f8bed1
```
#f8bed1 rgb(248,190,209)
```
#fad0de
```
#fad0de rgb(250,208,222)
```
#fce2eb
```
#fce2eb rgb(252,226,235)
```
#fef4f7
```
#fef4f7 rgb(254,244,247)
```

Tint Color Variation

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

#92888b
```
#92888b rgb(146,136,139)
```
#9b7f88
```
#9b7f88 rgb(155,127,136)
```
#a47685
```
#a47685 rgb(164,118,133)
```
#ad6d82
```
#ad6d82 rgb(173,109,130)
```
#b5657f
```
#b5657f rgb(181,101,127)
```
#be5c7c
```
#be5c7c rgb(190,92,124)
```
#c75379
```
#c75379 rgb(199,83,121)
```
#d04a76
```
#d04a76 rgb(208,74,118)
```
#d84273
```
#d84273 rgb(216,66,115)
```
#e13970
```
#e13970 rgb(225,57,112)
```
#ea306d
```
#ea306d rgb(234,48,109)
```
#f3276a
```
#f3276a rgb(243,39,106)
```
#fc1e67
```
#fc1e67 rgb(252,30,103)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#88626f Atypical Achromatopsia 0.001% of the population

Dichromacy

#818394 Protanopia 1% of men
#9a7f68 Deuteranopia 1% of men
#e84648 Tritanopia 0.001% of the population

Trichromacy

#a76586 Protanomaly 1% of men, 0.01% of women
#b7626a Deuteranomaly 6% of men, 0.4% of women
#e93e56 Tritanomaly 0.01% of the population

#ea306d hex color

#ea306d Color Information

#ea306d Color Conversion

Color Schemes with #ea306d

Alternatives to #ea306d

#ea306d Preview

Shades and Tints of #ea306d

Tones of #ea306d

Color Blindness Simulator