#0045e0 hex color

In a RGB color space, hex #0045e0 is composed of 0% red, 27.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 43.9%. #0045e0 color hex could be obtained by blending #008aff with #0000c1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 27
- B 88
RGB color chart
- C 100
- M 69
- Y 0
- K 12
CMYK color chart

● #0045e0 color description : Pure (or mostly pure) blue.

The hexadecimal color #0045e0 has RGB values of R:0, G:69, B:224 and CMYK values of C:1, M:0.69, Y:0, K:0.12. Its decimal value is 17888.

Hex triplet	0045e0	`#0045e0`
RGB Decimal	0, 69, 224	`rgb(0,69,224)`
RGB Percent	0, 27.1, 87.8	`rgb(0%,27.1%,87.8%)`
CMYK	100, 69, 0, 12
HSL	221.5°, 100, 43.9	`hsl(221.5,100%,43.9%)`
HSV (or HSB)	221.5°, 100, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.182, 44.405, -82.19
XYZ	15.58, 9.637, 71.556
xyY	0.161, 0.1, 9.637
CIE-LCH	37.182, 93.418, 298.381
CIE-LUV	37.182, -15.258, -114.525
Hunter-Lab	31.043, 35.26, -114.936
Binary	00000000, 01000101, 11100000

#0045e0
```
#0045e0 rgb(0,69,224)
```
#e09b00
```
#e09b00 rgb(224,155,0)
```

Complementary Color

#00b5e0
```
#00b5e0 rgb(0,181,224)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#2b00e0
```
#2b00e0 rgb(43,0,224)
```

Analogous Color

#b5e000
```
#b5e000 rgb(181,224,0)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#e02b00
```
#e02b00 rgb(224,43,0)
```

Split Complementary Color

#45e000
```
#45e000 rgb(69,224,0)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#e00045
```
#e00045 rgb(224,0,69)
```

Triadic Color

#00e09b
```
#00e09b rgb(0,224,155)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#e00045
```
#e00045 rgb(224,0,69)
```
#e09b00
```
#e09b00 rgb(224,155,0)
```

Tetradic Color

#002d94
```
#002d94 rgb(0,45,148)
```
#0035ad
```
#0035ad rgb(0,53,173)
```
#003dc7
```
#003dc7 rgb(0,61,199)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#004dfa
```
#004dfa rgb(0,77,250)
```
#145cff
```
#145cff rgb(20,92,255)
```
#2e6eff
```
#2e6eff rgb(46,110,255)
```

Monochromatic Color

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

#007de0
```
#007de0 rgb(0,125,224)
```
#006ae0
```
#006ae0 rgb(0,106,224)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#0032e0
```
#0032e0 rgb(0,50,224)
```
#0020e0
```
#0020e0 rgb(0,32,224)
```
#000de0
```
#000de0 rgb(0,13,224)
```

Similar Colors

Text with hexadecimal color #0045e0

This text has a font color of #0045e0.

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

#0045e0 background color

This paragraph has a background color of #0045e0.

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

#0045e0 border color

This element has a border color of #0045e0.

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

CSS codes

.text {color:#0045e0;}

.background {background-color:#0045e0;}

.border {border:1px solid #0045e0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#00091c
```
#00091c rgb(0,9,28)
```
#000f2f
```
#000f2f rgb(0,15,47)
```
#001543
```
#001543 rgb(0,21,67)
```
#001b57
```
#001b57 rgb(0,27,87)
```
#00216a
```
#00216a rgb(0,33,106)
```
#00277e
```
#00277e rgb(0,39,126)
```
#002d92
```
#002d92 rgb(0,45,146)
```
#0033a5
```
#0033a5 rgb(0,51,165)
```
#0039b9
```
#0039b9 rgb(0,57,185)
```
#003fcc
```
#003fcc rgb(0,63,204)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#004bf4
```
#004bf4 rgb(0,75,244)
```

Shade Color Variation

#0854ff
```
#0854ff rgb(8,84,255)
```
#1c62ff
```
#1c62ff rgb(28,98,255)
```
#2f6fff
```
#2f6fff rgb(47,111,255)
```
#437dff
```
#437dff rgb(67,125,255)
```
#578bff
```
#578bff rgb(87,139,255)
```
#6a98ff
```
#6a98ff rgb(106,152,255)
```
#7ea6ff
```
#7ea6ff rgb(126,166,255)
```
#92b3ff
```
#92b3ff rgb(146,179,255)
```
#a5c1ff
```
#a5c1ff rgb(165,193,255)
```
#b9ceff
```
#b9ceff rgb(185,206,255)
```
#ccdcff
```
#ccdcff rgb(204,220,255)
```
#e0eaff
```
#e0eaff rgb(224,234,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#676d79
```
#676d79 rgb(103,109,121)
```
#5f6981
```
#5f6981 rgb(95,105,129)
```
#56668a
```
#56668a rgb(86,102,138)
```
#4e6392
```
#4e6392 rgb(78,99,146)
```
#455f9b
```
#455f9b rgb(69,95,155)
```
#3c5ca4
```
#3c5ca4 rgb(60,92,164)
```
#3459ac
```
#3459ac rgb(52,89,172)
```
#2b56b5
```
#2b56b5 rgb(43,86,181)
```
#2252be
```
#2252be rgb(34,82,190)
```
#1a4fc6
```
#1a4fc6 rgb(26,79,198)
```
#114ccf
```
#114ccf rgb(17,76,207)
```
#0948d7
```
#0948d7 rgb(9,72,215)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#354362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#0054c5 Protanomaly 1% of men, 0.01% of women
#0058b5 Deuteranomaly 6% of men, 0.4% of women
#005c97 Tritanomaly 0.01% of the population

#0045e0 hex color

#0045e0 Color Information

#0045e0 Color Conversion

Color Schemes with #0045e0

Alternatives to #0045e0

#0045e0 Preview

Shades and Tints of #0045e0

Tones of #0045e0

Color Blindness Simulator