#4572ea hex color

In a RGB color space, hex #4572ea is composed of 27.1% red, 44.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 51.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 223.6 degrees, a saturation of 79.7% and a lightness of 59.4%. #4572ea color hex could be obtained by blending #8ae4ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 27
- G 45
- B 92
RGB color chart
- C 71
- M 51
- Y 0
- K 8
CMYK color chart

● #4572ea color description : Bright blue.

The hexadecimal color #4572ea has RGB values of R:69, G:114, B:234 and CMYK values of C:0.71, M:0.51, Y:0, K:0.08. Its decimal value is 4551402.

Hex triplet	4572ea	`#4572ea`
RGB Decimal	69, 114, 234	`rgb(69,114,234)`
RGB Percent	27.1, 44.7, 91.8	`rgb(27.1%,44.7%,91.8%)`
CMYK	71, 51, 0, 8
HSL	223.6°, 79.7, 59.4	`hsl(223.6,79.7%,59.4%)`
HSV (or HSB)	223.6°, 70.5, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.965, 24.371, -65.255
XYZ	23.32, 19.239, 80.322
xyY	0.19, 0.157, 19.239
CIE-LCH	50.965, 69.657, 290.479
CIE-LUV	50.965, -19.295, -102.796
Hunter-Lab	43.862, 18.143, -77.871
Binary	01000101, 01110010, 11101010

#4572ea
```
#4572ea rgb(69,114,234)
```
#eabd45
```
#eabd45 rgb(234,189,69)
```

Complementary Color

#45c5ea
```
#45c5ea rgb(69,197,234)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#6b45ea
```
#6b45ea rgb(107,69,234)
```

Analogous Color

#c5ea45
```
#c5ea45 rgb(197,234,69)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#ea6b45
```
#ea6b45 rgb(234,107,69)
```

Split Complementary Color

#72ea45
```
#72ea45 rgb(114,234,69)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#ea4572
```
#ea4572 rgb(234,69,114)
```

Triadic Color

#45eabd
```
#45eabd rgb(69,234,189)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#ea4572
```
#ea4572 rgb(234,69,114)
```
#eabd45
```
#eabd45 rgb(234,189,69)
```

Tetradic Color

#1748cc
```
#1748cc rgb(23,72,204)
```
#1a50e2
```
#1a50e2 rgb(26,80,226)
```
#2e61e7
```
#2e61e7 rgb(46,97,231)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#5c83ed
```
#5c83ed rgb(92,131,237)
```
#7395ef
```
#7395ef rgb(115,149,239)
```
#8aa6f2
```
#8aa6f2 rgb(138,166,242)
```

Monochromatic Color

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

#459bea
```
#459bea rgb(69,155,234)
```
#458eea
```
#458eea rgb(69,142,234)
```
#4580ea
```
#4580ea rgb(69,128,234)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#4564ea
```
#4564ea rgb(69,100,234)
```
#4557ea
```
#4557ea rgb(69,87,234)
```
#4549ea
```
#4549ea rgb(69,73,234)
```

Similar Colors

Text with hexadecimal color #4572ea

This text has a font color of #4572ea.

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

#4572ea background color

This paragraph has a background color of #4572ea.

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

#4572ea border color

This element has a border color of #4572ea.

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

CSS codes

.text {color:#4572ea;}

.background {background-color:#4572ea;}

.border {border:1px solid #4572ea;}

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

#010308
```
#010308 rgb(1,3,8)
```
#03091a
```
#03091a rgb(3,9,26)
```
#050f2b
```
#050f2b rgb(5,15,43)
```
#07163d
```
#07163d rgb(7,22,61)
```
#091c4e
```
#091c4e rgb(9,28,78)
```
#0b2260
```
#0b2260 rgb(11,34,96)
```
#0d2872
```
#0d2872 rgb(13,40,114)
```
#0f2f83
```
#0f2f83 rgb(15,47,131)
```
#113595
```
#113595 rgb(17,53,149)
```
#133ba7
```
#133ba7 rgb(19,59,167)
```
#1541b8
```
#1541b8 rgb(21,65,184)
```
#1748ca
```
#1748ca rgb(23,72,202)
```
#194edb
```
#194edb rgb(25,78,219)
```

Shade Color Variation

#2257e6
```
#2257e6 rgb(34,87,230)
```
#3365e8
```
#3365e8 rgb(51,101,232)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#577fec
```
#577fec rgb(87,127,236)
```
#688dee
```
#688dee rgb(104,141,238)
```
#7a9af0
```
#7a9af0 rgb(122,154,240)
```
#8ca7f2
```
#8ca7f2 rgb(140,167,242)
```
#9db5f4
```
#9db5f4 rgb(157,181,244)
```
#afc2f6
```
#afc2f6 rgb(175,194,246)
```
#c0d0f8
```
#c0d0f8 rgb(192,208,248)
```
#d2ddfa
```
#d2ddfa rgb(210,221,250)
```
#e4eafc
```
#e4eafc rgb(228,234,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#95969a
```
#95969a rgb(149,150,154)
```
#8d93a2
```
#8d93a2 rgb(141,147,162)
```
#858faa
```
#858faa rgb(133,143,170)
```
#7d8bb2
```
#7d8bb2 rgb(125,139,178)
```
#7588ba
```
#7588ba rgb(117,136,186)
```
#6d84c2
```
#6d84c2 rgb(109,132,194)
```
#6580ca
```
#6580ca rgb(101,128,202)
```
#5d7dd2
```
#5d7dd2 rgb(93,125,210)
```
#5579da
```
#5579da rgb(85,121,218)
```
#4d76e2
```
#4d76e2 rgb(77,118,226)
```
#4572ea
```
#4572ea rgb(69,114,234)
```
#3d6ef2
```
#3d6ef2 rgb(61,110,242)
```
#356bfa
```
#356bfa rgb(53,107,250)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#69728a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c7cee Protanopia 1% of men
#0082d7 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#3578ec Protanomaly 1% of men, 0.01% of women
#197cde Deuteranomaly 6% of men, 0.4% of women
#1983b4 Tritanomaly 0.01% of the population

#4572ea hex color

#4572ea Color Information

#4572ea Color Conversion

Color Schemes with #4572ea

Alternatives to #4572ea

#4572ea Preview

Shades and Tints of #4572ea

Tones of #4572ea

Color Blindness Simulator