#045ed4 hex color

In a RGB color space, hex #045ed4 is composed of 1.6% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 214 degrees, a saturation of 96.3% and a lightness of 42.4%. #045ed4 color hex could be obtained by blending #08bcff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 83
RGB color chart
- C 98
- M 56
- Y 0
- K 17
CMYK color chart

● #045ed4 color description : Strong blue.

The hexadecimal color #045ed4 has RGB values of R:4, G:94, B:212 and CMYK values of C:0.98, M:0.56, Y:0, K:0.17. Its decimal value is 286420.

Hex triplet	045ed4	`#045ed4`
RGB Decimal	4, 94, 212	`rgb(4,94,212)`
RGB Percent	1.6, 36.9, 83.1	`rgb(1.6%,36.9%,83.1%)`
CMYK	98, 56, 0, 17
HSL	214°, 96.3, 42.4	`hsl(214,96.3%,42.4%)`
HSV (or HSB)	214°, 98.1, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.435, 23.822, -66.707
XYZ	15.934, 12.783, 63.911
xyY	0.172, 0.138, 12.783
CIE-LCH	42.435, 70.833, 289.652
CIE-LUV	42.435, -21.111, -99.459
Hunter-Lab	35.754, 16.981, -80.956
Binary	00000100, 01011110, 11010100

#045ed4
```
#045ed4 rgb(4,94,212)
```
#d47a04
```
#d47a04 rgb(212,122,4)
```

Complementary Color

#04c6d4
```
#04c6d4 rgb(4,198,212)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#1204d4
```
#1204d4 rgb(18,4,212)
```

Analogous Color

#c6d404
```
#c6d404 rgb(198,212,4)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#d41204
```
#d41204 rgb(212,18,4)
```

Split Complementary Color

#5ed404
```
#5ed404 rgb(94,212,4)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#d4045e
```
#d4045e rgb(212,4,94)
```

Triadic Color

#04d47a
```
#04d47a rgb(4,212,122)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#d4045e
```
#d4045e rgb(212,4,94)
```
#d47a04
```
#d47a04 rgb(212,122,4)
```

Tetradic Color

#033d89
```
#033d89 rgb(3,61,137)
```
#0348a2
```
#0348a2 rgb(3,72,162)
```
#0453bb
```
#0453bb rgb(4,83,187)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#0469ed
```
#0469ed rgb(4,105,237)
```
#1176fb
```
#1176fb rgb(17,118,251)
```
#2a84fb
```
#2a84fb rgb(42,132,251)
```

Monochromatic Color

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

#0492d4
```
#0492d4 rgb(4,146,212)
```
#0481d4
```
#0481d4 rgb(4,129,212)
```
#046fd4
```
#046fd4 rgb(4,111,212)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#044dd4
```
#044dd4 rgb(4,77,212)
```
#043bd4
```
#043bd4 rgb(4,59,212)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```

Similar Colors

Text with hexadecimal color #045ed4

This text has a font color of #045ed4.

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

#045ed4 background color

This paragraph has a background color of #045ed4.

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

#045ed4 border color

This element has a border color of #045ed4.

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

CSS codes

.text {color:#045ed4;}

.background {background-color:#045ed4;}

.border {border:1px solid #045ed4;}

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

#000000
```
#000000 rgb(0,0,0)
```
#000913
```
#000913 rgb(0,9,19)
```
#011127
```
#011127 rgb(1,17,39)
```
#011a3a
```
#011a3a rgb(1,26,58)
```
#01224d
```
#01224d rgb(1,34,77)
```
#022b60
```
#022b60 rgb(2,43,96)
```
#023374
```
#023374 rgb(2,51,116)
```
#033c87
```
#033c87 rgb(3,60,135)
```
#03449a
```
#03449a rgb(3,68,154)
```
#034dad
```
#034dad rgb(3,77,173)
```
#0455c1
```
#0455c1 rgb(4,85,193)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```
#0467e7
```
#0467e7 rgb(4,103,231)
```

Shade Color Variation

#056ffa
```
#056ffa rgb(5,111,250)
```
#187afb
```
#187afb rgb(24,122,251)
```
#2b85fb
```
#2b85fb rgb(43,133,251)
```
#3f90fb
```
#3f90fb rgb(63,144,251)
```
#529bfc
```
#529bfc rgb(82,155,252)
```
#65a6fc
```
#65a6fc rgb(101,166,252)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#8cbdfd
```
#8cbdfd rgb(140,189,253)
```
#9fc8fd
```
#9fc8fd rgb(159,200,253)
```
#b2d3fe
```
#b2d3fe rgb(178,211,254)
```
#c5defe
```
#c5defe rgb(197,222,254)
```
#d9e9fe
```
#d9e9fe rgb(217,233,254)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#686b70
```
#686b70 rgb(104,107,112)
```
#5f6a79
```
#5f6a79 rgb(95,106,121)
```
#576981
```
#576981 rgb(87,105,129)
```
#4f6889
```
#4f6889 rgb(79,104,137)
```
#466792
```
#466792 rgb(70,103,146)
```
#3e669a
```
#3e669a rgb(62,102,154)
```
#3665a2
```
#3665a2 rgb(54,101,162)
```
#2e64aa
```
#2e64aa rgb(46,100,170)
```
#2562b3
```
#2562b3 rgb(37,98,179)
```
#1d61bb
```
#1d61bb rgb(29,97,187)
```
#1560c3
```
#1560c3 rgb(21,96,195)
```
#0c5fcc
```
#0c5fcc rgb(12,95,204)
```
#045ed4
```
#045ed4 rgb(4,94,212)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#42546b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#0164cf Protanomaly 1% of men, 0.01% of women
#0168bf Deuteranomaly 6% of men, 0.4% of women
#016d9c Tritanomaly 0.01% of the population

#045ed4 hex color

#045ed4 Color Information

#045ed4 Color Conversion

Color Schemes with #045ed4

Alternatives to #045ed4

#045ed4 Preview

Shades and Tints of #045ed4

Tones of #045ed4

Color Blindness Simulator