#e30768 hex color

In a RGB color space, hex #e30768 is composed of 89% red, 2.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.9% magenta, 54.2% yellow and 11% black. It has a hue angle of 333.5 degrees, a saturation of 94% and a lightness of 45.9%. #e30768 color hex could be obtained by blending #ff0ed0 with #c70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 89
- G 3
- B 41
RGB color chart
- C 0
- M 97
- Y 54
- K 11
CMYK color chart

● #e30768 color description : Vivid pink.

The hexadecimal color #e30768 has RGB values of R:227, G:7, B:104 and CMYK values of C:0, M:0.97, Y:0.54, K:0.11. Its decimal value is 14878568.

Hex triplet	e30768	`#e30768`
RGB Decimal	227, 7, 104	`rgb(227,7,104)`
RGB Percent	89, 2.7, 40.8	`rgb(89%,2.7%,40.8%)`
CMYK	0, 97, 54, 11
HSL	333.5°, 94, 45.9	`hsl(333.5,94%,45.9%)`
HSV (or HSB)	333.5°, 96.9, 89
Web Safe	cc0066	`#cc0066`

CIE-LAB	48.867, 76.22, 9.315
XYZ	34.255, 17.486, 14.667
xyY	0.516, 0.263, 17.486
CIE-LCH	48.867, 76.787, 6.968
CIE-LUV	48.867, 129.914, -3.947
Hunter-Lab	41.817, 73.04, 8.475
Binary	11100011, 00000111, 01101000

#e30768
```
#e30768 rgb(227,7,104)
```
#07e382
```
#07e382 rgb(7,227,130)
```

Complementary Color

#e307d6
```
#e307d6 rgb(227,7,214)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#e31407
```
#e31407 rgb(227,20,7)
```

Analogous Color

#07d6e3
```
#07d6e3 rgb(7,214,227)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#07e314
```
#07e314 rgb(7,227,20)
```

Split Complementary Color

#0768e3
```
#0768e3 rgb(7,104,227)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#68e307
```
#68e307 rgb(104,227,7)
```

Triadic Color

#8207e3
```
#8207e3 rgb(130,7,227)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#68e307
```
#68e307 rgb(104,227,7)
```
#07e382
```
#07e382 rgb(7,227,130)
```

Tetradic Color

#990546
```
#990546 rgb(153,5,70)
```
#b20551
```
#b20551 rgb(178,5,81)
```
#ca065d
```
#ca065d rgb(202,6,93)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#f80c74
```
#f80c74 rgb(248,12,116)
```
#f82582
```
#f82582 rgb(248,37,130)
```
#f93d90
```
#f93d90 rgb(249,61,144)
```

Monochromatic Color

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

#e3079f
```
#e3079f rgb(227,7,159)
```
#e3078d
```
#e3078d rgb(227,7,141)
```
#e3077a
```
#e3077a rgb(227,7,122)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#e30756
```
#e30756 rgb(227,7,86)
```
#e30743
```
#e30743 rgb(227,7,67)
```
#e30731
```
#e30731 rgb(227,7,49)
```

Similar Colors

Text with hexadecimal color #e30768

This text has a font color of #e30768.

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

#e30768 background color

This paragraph has a background color of #e30768.

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

#e30768 border color

This element has a border color of #e30768.

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

CSS codes

.text {color:#e30768;}

.background {background-color:#e30768;}

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

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

#120108
```
#120108 rgb(18,1,8)
```
#250111
```
#250111 rgb(37,1,17)
```
#38021a
```
#38021a rgb(56,2,26)
```
#4b0222
```
#4b0222 rgb(75,2,34)
```
#5e032b
```
#5e032b rgb(94,3,43)
```
#710334
```
#710334 rgb(113,3,52)
```
#84043c
```
#84043c rgb(132,4,60)
```
#970545
```
#970545 rgb(151,5,69)
```
#aa054e
```
#aa054e rgb(170,5,78)
```
#bd0657
```
#bd0657 rgb(189,6,87)
```
#d0065f
```
#d0065f rgb(208,6,95)
```
#e30768
```
#e30768 rgb(227,7,104)
```
#f60871
```
#f60871 rgb(246,8,113)
```

Shade Color Variation

#f8197b
```
#f8197b rgb(248,25,123)
```
#f92c86
```
#f92c86 rgb(249,44,134)
```
#f93f91
```
#f93f91 rgb(249,63,145)
```
#fa529c
```
#fa529c rgb(250,82,156)
```
#fa65a7
```
#fa65a7 rgb(250,101,167)
```
#fb78b2
```
#fb78b2 rgb(251,120,178)
```
#fb8bbd
```
#fb8bbd rgb(251,139,189)
```
#fc9fc8
```
#fc9fc8 rgb(252,159,200)
```
#fdb2d3
```
#fdb2d3 rgb(253,178,211)
```
#fdc5de
```
#fdc5de rgb(253,197,222)
```
#fed8e8
```
#fed8e8 rgb(254,216,232)
```
#feebf3
```
#feebf3 rgb(254,235,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#777375
```
#777375 rgb(119,115,117)
```
#806a74
```
#806a74 rgb(128,106,116)
```
#896173
```
#896173 rgb(137,97,115)
```
#925872
```
#925872 rgb(146,88,114)
```
#9b4f71
```
#9b4f71 rgb(155,79,113)
```
#a4466f
```
#a4466f rgb(164,70,111)
```
#ad3d6e
```
#ad3d6e rgb(173,61,110)
```
#b6346d
```
#b6346d rgb(182,52,109)
```
#bf2b6c
```
#bf2b6c rgb(191,43,108)
```
#c8226b
```
#c8226b rgb(200,34,107)
```
#d1196a
```
#d1196a rgb(209,25,106)
```
#da1069
```
#da1069 rgb(218,16,105)
```
#e30768
```
#e30768 rgb(227,7,104)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#714558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a96 Protanopia 1% of men
#8f7662 Deuteranopia 1% of men
#e13232 Tritanopia 0.001% of the population

Trichromacy

#9c5085 Protanomaly 1% of men, 0.01% of women
#ad4e64 Deuteranomaly 6% of men, 0.4% of women
#e22245 Tritanomaly 0.01% of the population

#e30768 hex color

#e30768 Color Information

#e30768 Color Conversion

Color Schemes with #e30768

Alternatives to #e30768

#e30768 Preview

Shades and Tints of #e30768

Tones of #e30768

Color Blindness Simulator