#e5306a hex color

In a RGB color space, hex #e5306a is composed of 89.8% red, 18.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 53.7% yellow and 10.2% black. It has a hue angle of 340.8 degrees, a saturation of 77.7% and a lightness of 54.3%. #e5306a color hex could be obtained by blending #ff60d4 with #cb0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 90
- G 19
- B 42
RGB color chart
- C 0
- M 79
- Y 54
- K 10
CMYK color chart

● #e5306a color description : Bright pink.

The hexadecimal color #e5306a has RGB values of R:229, G:48, B:106 and CMYK values of C:0, M:0.79, Y:0.54, K:0.1. Its decimal value is 15020138.

Hex triplet	e5306a	`#e5306a`
RGB Decimal	229, 48, 106	`rgb(229,48,106)`
RGB Percent	89.8, 18.8, 41.6	`rgb(89.8%,18.8%,41.6%)`
CMYK	0, 79, 54, 10
HSL	340.8°, 77.7, 54.3	`hsl(340.8,77.7%,54.3%)`
HSV (or HSB)	340.8°, 79, 89.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	51.629, 70.167, 12.026
XYZ	35.973, 19.817, 15.566
xyY	0.504, 0.278, 19.817
CIE-LCH	51.629, 71.19, 9.725
CIE-LUV	51.629, 121.418, 0.741
Hunter-Lab	44.516, 66.342, 10.429
Binary	11100101, 00110000, 01101010

#e5306a
```
#e5306a rgb(229,48,106)
```
#30e5ab
```
#30e5ab rgb(48,229,171)
```

Complementary Color

#e530c5
```
#e530c5 rgb(229,48,197)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#e55030
```
#e55030 rgb(229,80,48)
```

Analogous Color

#30c5e5
```
#30c5e5 rgb(48,197,229)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#30e550
```
#30e550 rgb(48,229,80)
```

Split Complementary Color

#306ae5
```
#306ae5 rgb(48,106,229)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#6ae530
```
#6ae530 rgb(106,229,48)
```

Triadic Color

#ab30e5
```
#ab30e5 rgb(171,48,229)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#6ae530
```
#6ae530 rgb(106,229,48)
```
#30e5ab
```
#30e5ab rgb(48,229,171)
```

Tetradic Color

#b21648
```
#b21648 rgb(178,22,72)
```
#c91951
```
#c91951 rgb(201,25,81)
```
#df1c5b
```
#df1c5b rgb(223,28,91)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#e8477a
```
#e8477a rgb(232,71,122)
```
#eb5d8b
```
#eb5d8b rgb(235,93,139)
```
#ee749b
```
#ee749b rgb(238,116,155)
```

Monochromatic Color

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

#e53097
```
#e53097 rgb(229,48,151)
```
#e53088
```
#e53088 rgb(229,48,136)
```
#e53079
```
#e53079 rgb(229,48,121)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#e5305b
```
#e5305b rgb(229,48,91)
```
#e5304c
```
#e5304c rgb(229,48,76)
```
#e5303d
```
#e5303d rgb(229,48,61)
```

Similar Colors

Text with hexadecimal color #e5306a

This text has a font color of #e5306a.

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

#e5306a background color

This paragraph has a background color of #e5306a.

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

#e5306a border color

This element has a border color of #e5306a.

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

CSS codes

.text {color:#e5306a;}

.background {background-color:#e5306a;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140208
```
#140208 rgb(20,2,8)
```
#25050f
```
#25050f rgb(37,5,15)
```
#360716
```
#360716 rgb(54,7,22)
```
#48091d
```
#48091d rgb(72,9,29)
```
#590b24
```
#590b24 rgb(89,11,36)
```
#6b0d2b
```
#6b0d2b rgb(107,13,43)
```
#7c1032
```
#7c1032 rgb(124,16,50)
```
#8e1239
```
#8e1239 rgb(142,18,57)
```
#9f1441
```
#9f1441 rgb(159,20,65)
```
#b01648
```
#b01648 rgb(176,22,72)
```
#c2184f
```
#c2184f rgb(194,24,79)
```
#d31b56
```
#d31b56 rgb(211,27,86)
```

Shade Color Variation

#e31f5d
```
#e31f5d rgb(227,31,93)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#e74177
```
#e74177 rgb(231,65,119)
```
#e95383
```
#e95383 rgb(233,83,131)
```
#ec6490
```
#ec6490 rgb(236,100,144)
```
#ee769c
```
#ee769c rgb(238,118,156)
```
#f087a9
```
#f087a9 rgb(240,135,169)
```
#f299b5
```
#f299b5 rgb(242,153,181)
```
#f4aac2
```
#f4aac2 rgb(244,170,194)
```
#f7bbce
```
#f7bbce rgb(247,187,206)
```
#f9cddb
```
#f9cddb rgb(249,205,219)
```
#fbdee7
```
#fbdee7 rgb(251,222,231)
```
#fdf0f4
```
#fdf0f4 rgb(253,240,244)
```

Tint Color Variation

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

#8b8a8a
```
#8b8a8a rgb(139,138,138)
```
#948187
```
#948187 rgb(148,129,135)
```
#9d7884
```
#9d7884 rgb(157,120,132)
```
#a66f81
```
#a66f81 rgb(166,111,129)
```
#af667d
```
#af667d rgb(175,102,125)
```
#b85d7a
```
#b85d7a rgb(184,93,122)
```
#c15477
```
#c15477 rgb(193,84,119)
```
#ca4b74
```
#ca4b74 rgb(202,75,116)
```
#d34270
```
#d34270 rgb(211,66,112)
```
#dc396d
```
#dc396d rgb(220,57,109)
```
#e5306a
```
#e5306a rgb(229,48,106)
```
#ee2767
```
#ee2767 rgb(238,39,103)
```
#f71e64
```
#f71e64 rgb(247,30,100)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#85616c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8190 Protanopia 1% of men
#977d65 Deuteranopia 1% of men
#e44548 Tritanopia 0.001% of the population

Trichromacy

#a46382 Protanomaly 1% of men, 0.01% of women
#b36167 Deuteranomaly 6% of men, 0.4% of women
#e43d54 Tritanomaly 0.01% of the population

#e5306a hex color

#e5306a Color Information

#e5306a Color Conversion

Color Schemes with #e5306a

Alternatives to #e5306a

#e5306a Preview

Shades and Tints of #e5306a

Tones of #e5306a

Color Blindness Simulator