#4552e5 hex color

In a RGB color space, hex #4552e5 is composed of 27.1% red, 32.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 64.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 235.1 degrees, a saturation of 75.5% and a lightness of 58.4%. #4552e5 color hex could be obtained by blending #8aa4ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 32
- B 90
RGB color chart
- C 70
- M 64
- Y 0
- K 10
CMYK color chart

● #4552e5 color description : Soft blue.

The hexadecimal color #4552e5 has RGB values of R:69, G:82, B:229 and CMYK values of C:0.7, M:0.64, Y:0, K:0.1. Its decimal value is 4543205.

Hex triplet	4552e5	`#4552e5`
RGB Decimal	69, 82, 229	`rgb(69,82,229)`
RGB Percent	27.1, 32.2, 89.8	`rgb(27.1%,32.2%,89.8%)`
CMYK	70, 64, 0, 10
HSL	235.1°, 75.5, 58.4	`hsl(235.1,75.5%,58.4%)`
HSV (or HSB)	235.1°, 69.9, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.697, 42.455, -75.892
XYZ	19.612, 12.956, 75.592
xyY	0.181, 0.12, 12.956
CIE-LCH	42.697, 86.96, 299.223
CIE-LUV	42.697, -11.015, -113.102
Hunter-Lab	35.994, 34.267, -99.32
Binary	01000101, 01010010, 11100101

#4552e5
```
#4552e5 rgb(69,82,229)
```
#e5d845
```
#e5d845 rgb(229,216,69)
```

Complementary Color

#45a2e5
```
#45a2e5 rgb(69,162,229)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#8845e5
```
#8845e5 rgb(136,69,229)
```

Analogous Color

#a2e545
```
#a2e545 rgb(162,229,69)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#e58845
```
#e58845 rgb(229,136,69)
```

Split Complementary Color

#52e545
```
#52e545 rgb(82,229,69)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#e54552
```
#e54552 rgb(229,69,82)
```

Triadic Color

#45e5d8
```
#45e5d8 rgb(69,229,216)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#e54552
```
#e54552 rgb(229,69,82)
```
#e5d845
```
#e5d845 rgb(229,216,69)
```

Tetradic Color

#1b29c2
```
#1b29c2 rgb(27,41,194)
```
#1e2dd9
```
#1e2dd9 rgb(30,45,217)
```
#2f3de2
```
#2f3de2 rgb(47,61,226)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#5b67e8
```
#5b67e8 rgb(91,103,232)
```
#727ceb
```
#727ceb rgb(114,124,235)
```
#8890ee
```
#8890ee rgb(136,144,238)
```

Monochromatic Color

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

#457ae5
```
#457ae5 rgb(69,122,229)
```
#456de5
```
#456de5 rgb(69,109,229)
```
#455fe5
```
#455fe5 rgb(69,95,229)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#4545e5
```
#4545e5 rgb(69,69,229)
```
#5345e5
```
#5345e5 rgb(83,69,229)
```
#6045e5
```
#6045e5 rgb(96,69,229)
```

Similar Colors

Text with hexadecimal color #4552e5

This text has a font color of #4552e5.

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

#4552e5 background color

This paragraph has a background color of #4552e5.

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

#4552e5 border color

This element has a border color of #4552e5.

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

CSS codes

.text {color:#4552e5;}

.background {background-color:#4552e5;}

.border {border:1px solid #4552e5;}

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

#000103
```
#000103 rgb(0,1,3)
```
#030415
```
#030415 rgb(3,4,21)
```
#050826
```
#050826 rgb(5,8,38)
```
#080c37
```
#080c37 rgb(8,12,55)
```
#0a0f48
```
#0a0f48 rgb(10,15,72)
```
#0c1359
```
#0c1359 rgb(12,19,89)
```
#0f166b
```
#0f166b rgb(15,22,107)
```
#111a7c
```
#111a7c rgb(17,26,124)
```
#141e8d
```
#141e8d rgb(20,30,141)
```
#16219e
```
#16219e rgb(22,33,158)
```
#1925af
```
#1925af rgb(25,37,175)
```
#1b28c1
```
#1b28c1 rgb(27,40,193)
```
#1d2cd2
```
#1d2cd2 rgb(29,44,210)
```

Shade Color Variation

#2332e0
```
#2332e0 rgb(35,50,224)
```
#3442e3
```
#3442e3 rgb(52,66,227)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#5662e7
```
#5662e7 rgb(86,98,231)
```
#6772ea
```
#6772ea rgb(103,114,234)
```
#7982ec
```
#7982ec rgb(121,130,236)
```
#8a92ef
```
#8a92ef rgb(138,146,239)
```
#9ba2f1
```
#9ba2f1 rgb(155,162,241)
```
#acb2f3
```
#acb2f3 rgb(172,178,243)
```
#bdc2f6
```
#bdc2f6 rgb(189,194,246)
```
#cfd2f8
```
#cfd2f8 rgb(207,210,248)
```
#e0e2fb
```
#e0e2fb rgb(224,226,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#8e8f9c
```
#8e8f9c rgb(142,143,156)
```
#8689a4
```
#8689a4 rgb(134,137,164)
```
#7e82ac
```
#7e82ac rgb(126,130,172)
```
#767bb4
```
#767bb4 rgb(118,123,180)
```
#6e74bc
```
#6e74bc rgb(110,116,188)
```
#666dc4
```
#666dc4 rgb(102,109,196)
```
#5d66cd
```
#5d66cd rgb(93,102,205)
```
#5560d5
```
#5560d5 rgb(85,96,213)
```
#4d59dd
```
#4d59dd rgb(77,89,221)
```
#4552e5
```
#4552e5 rgb(69,82,229)
```
#3d4bed
```
#3d4bed rgb(61,75,237)
```
#3544f5
```
#3544f5 rgb(53,68,245)
```
#2d3efd
```
#2d3efd rgb(45,62,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a5c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1961d6 Protanomaly 1% of men, 0.01% of women
#1964c5 Deuteranomaly 6% of men, 0.4% of women
#1969a3 Tritanomaly 0.01% of the population

#4552e5 hex color

#4552e5 Color Information

#4552e5 Color Conversion

Color Schemes with #4552e5

Alternatives to #4552e5

#4552e5 Preview

Shades and Tints of #4552e5

Tones of #4552e5

Color Blindness Simulator