#0045e2 hex color

In a RGB color space, hex #0045e2 is composed of 0% red, 27.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 221.7 degrees, a saturation of 100% and a lightness of 44.3%. #0045e2 color hex could be obtained by blending #008aff with #0000c5. Closest websafe color is: #0033cc.

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

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

The hexadecimal color #0045e2 has RGB values of R:0, G:69, B:226 and CMYK values of C:1, M:0.69, Y:0, K:0.11. Its decimal value is 17890.

Hex triplet	0045e2	`#0045e2`
RGB Decimal	0, 69, 226	`rgb(0,69,226)`
RGB Percent	0, 27.1, 88.6	`rgb(0%,27.1%,88.6%)`
CMYK	100, 69, 0, 11
HSL	221.7°, 100, 44.3	`hsl(221.7,100%,44.3%)`
HSV (or HSB)	221.7°, 100, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.382, 45.131, -83.001
XYZ	15.853, 9.746, 72.993
xyY	0.161, 0.099, 9.746
CIE-LCH	37.382, 94.477, 298.535
CIE-LUV	37.382, -15.267, -115.725
Hunter-Lab	31.218, 36.01, -116.775
Binary	00000000, 01000101, 11100010

#0045e2
```
#0045e2 rgb(0,69,226)
```
#e29d00
```
#e29d00 rgb(226,157,0)
```

Complementary Color

#00b6e2
```
#00b6e2 rgb(0,182,226)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#2c00e2
```
#2c00e2 rgb(44,0,226)
```

Analogous Color

#b6e200
```
#b6e200 rgb(182,226,0)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#e22c00
```
#e22c00 rgb(226,44,0)
```

Split Complementary Color

#45e200
```
#45e200 rgb(69,226,0)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#e20045
```
#e20045 rgb(226,0,69)
```

Triadic Color

#00e29d
```
#00e29d rgb(0,226,157)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#e20045
```
#e20045 rgb(226,0,69)
```
#e29d00
```
#e29d00 rgb(226,157,0)
```

Tetradic Color

#002e96
```
#002e96 rgb(0,46,150)
```
#0035af
```
#0035af rgb(0,53,175)
```
#003dc9
```
#003dc9 rgb(0,61,201)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#004dfc
```
#004dfc rgb(0,77,252)
```
#165dff
```
#165dff rgb(22,93,255)
```
#306fff
```
#306fff rgb(48,111,255)
```

Monochromatic Color

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

#007ee2
```
#007ee2 rgb(0,126,226)
```
#006be2
```
#006be2 rgb(0,107,226)
```
#0058e2
```
#0058e2 rgb(0,88,226)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#0032e2
```
#0032e2 rgb(0,50,226)
```
#001fe2
```
#001fe2 rgb(0,31,226)
```
#000de2
```
#000de2 rgb(0,13,226)
```

Similar Colors

Text with hexadecimal color #0045e2

This text has a font color of #0045e2.

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

#0045e2 background color

This paragraph has a background color of #0045e2.

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

#0045e2 border color

This element has a border color of #0045e2.

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

CSS codes

.text {color:#0045e2;}

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

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

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, #00030a is the darkest color, while #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000f31
```
#000f31 rgb(0,15,49)
```
#001545
```
#001545 rgb(0,21,69)
```
#001b59
```
#001b59 rgb(0,27,89)
```
#00216c
```
#00216c rgb(0,33,108)
```
#002780
```
#002780 rgb(0,39,128)
```
#002d94
```
#002d94 rgb(0,45,148)
```
#0033a7
```
#0033a7 rgb(0,51,167)
```
#0039bb
```
#0039bb rgb(0,57,187)
```
#003fce
```
#003fce rgb(0,63,206)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#004bf6
```
#004bf6 rgb(0,75,246)
```

Shade Color Variation

#0a55ff
```
#0a55ff rgb(10,85,255)
```
#1e63ff
```
#1e63ff rgb(30,99,255)
```
#3170ff
```
#3170ff rgb(49,112,255)
```
#457eff
```
#457eff rgb(69,126,255)
```
#598bff
```
#598bff rgb(89,139,255)
```
#6c99ff
```
#6c99ff rgb(108,153,255)
```
#80a7ff
```
#80a7ff rgb(128,167,255)
```
#94b4ff
```
#94b4ff rgb(148,180,255)
```
#a7c2ff
```
#a7c2ff rgb(167,194,255)
```
#bbd0ff
```
#bbd0ff rgb(187,208,255)
```
#ceddff
```
#ceddff rgb(206,221,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#686e7a
```
#686e7a rgb(104,110,122)
```
#606a82
```
#606a82 rgb(96,106,130)
```
#57678b
```
#57678b rgb(87,103,139)
```
#4e6394
```
#4e6394 rgb(78,99,148)
```
#46609c
```
#46609c rgb(70,96,156)
```
#3d5da5
```
#3d5da5 rgb(61,93,165)
```
#3459ae
```
#3459ae rgb(52,89,174)
```
#2b56b7
```
#2b56b7 rgb(43,86,183)
```
#2353bf
```
#2353bf rgb(35,83,191)
```
#1a4fc8
```
#1a4fc8 rgb(26,79,200)
```
#114cd1
```
#114cd1 rgb(17,76,209)
```
#0948d9
```
#0948d9 rgb(9,72,217)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```

Tone Color Variation

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

#005db6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0054c6 Protanomaly 1% of men, 0.01% of women
#0058b6 Deuteranomaly 6% of men, 0.4% of women
#005c98 Tritanomaly 0.01% of the population

#0045e2 hex color

#0045e2 Color Information

#0045e2 Color Conversion

Color Schemes with #0045e2

Alternatives to #0045e2

#0045e2 Preview

Shades and Tints of #0045e2

Tones of #0045e2

Color Blindness Simulator