#045ac8 hex color

In a RGB color space, hex #045ac8 is composed of 1.6% red, 35.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 55% magenta, 0% yellow and 21.6% black. It has a hue angle of 213.7 degrees, a saturation of 96.1% and a lightness of 40%. #045ac8 color hex could be obtained by blending #08b4ff with #000091. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 35
- B 78
RGB color chart
- C 98
- M 55
- Y 0
- K 22
CMYK color chart

● #045ac8 color description : Strong blue.

The hexadecimal color #045ac8 has RGB values of R:4, G:90, B:200 and CMYK values of C:0.98, M:0.55, Y:0, K:0.22. Its decimal value is 285384.

Hex triplet	045ac8	`#045ac8`
RGB Decimal	4, 90, 200	`rgb(4,90,200)`
RGB Percent	1.6, 35.3, 78.4	`rgb(1.6%,35.3%,78.4%)`
CMYK	98, 55, 0, 22
HSL	213.7°, 96.1, 40	`hsl(213.7,96.1%,40%)`
HSV (or HSB)	213.7°, 98, 78.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.422, 21.672, -63.073
XYZ	14.129, 11.507, 56.117
xyY	0.173, 0.141, 11.507
CIE-LCH	40.422, 66.693, 288.963
CIE-LUV	40.422, -20.323, -92.841
Hunter-Lab	33.922, 14.986, -74.337
Binary	00000100, 01011010, 11001000

#045ac8
```
#045ac8 rgb(4,90,200)
```
#c87204
```
#c87204 rgb(200,114,4)
```

Complementary Color

#04bcc8
```
#04bcc8 rgb(4,188,200)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#1004c8
```
#1004c8 rgb(16,4,200)
```

Analogous Color

#bcc804
```
#bcc804 rgb(188,200,4)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#c81004
```
#c81004 rgb(200,16,4)
```

Split Complementary Color

#5ac804
```
#5ac804 rgb(90,200,4)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#c8045a
```
#c8045a rgb(200,4,90)
```

Triadic Color

#04c872
```
#04c872 rgb(4,200,114)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#c8045a
```
#c8045a rgb(200,4,90)
```
#c87204
```
#c87204 rgb(200,114,4)
```

Tetradic Color

#03387d
```
#03387d rgb(3,56,125)
```
#034496
```
#034496 rgb(3,68,150)
```
#044faf
```
#044faf rgb(4,79,175)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#0565e1
```
#0565e1 rgb(5,101,225)
```
#0571fa
```
#0571fa rgb(5,113,250)
```
#1e7ffb
```
#1e7ffb rgb(30,127,251)
```

Monochromatic Color

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

#048bc8
```
#048bc8 rgb(4,139,200)
```
#047bc8
```
#047bc8 rgb(4,123,200)
```
#046ac8
```
#046ac8 rgb(4,106,200)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#044ac8
```
#044ac8 rgb(4,74,200)
```
#0439c8
```
#0439c8 rgb(4,57,200)
```
#0429c8
```
#0429c8 rgb(4,41,200)
```

Similar Colors

Text with hexadecimal color #045ac8

This text has a font color of #045ac8.

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

#045ac8 background color

This paragraph has a background color of #045ac8.

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

#045ac8 border color

This element has a border color of #045ac8.

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

CSS codes

.text {color:#045ac8;}

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

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

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 #f3f8ff is the lightest one.

#000308
```
#000308 rgb(0,3,8)
```
#010c1b
```
#010c1b rgb(1,12,27)
```
#01152e
```
#01152e rgb(1,21,46)
```
#011d41
```
#011d41 rgb(1,29,65)
```
#022655
```
#022655 rgb(2,38,85)
```
#022f68
```
#022f68 rgb(2,47,104)
```
#02377b
```
#02377b rgb(2,55,123)
```
#03408e
```
#03408e rgb(3,64,142)
```
#0349a2
```
#0349a2 rgb(3,73,162)
```
#0451b5
```
#0451b5 rgb(4,81,181)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```
#0463db
```
#0463db rgb(4,99,219)
```
#056bee
```
#056bee rgb(5,107,238)
```

Shade Color Variation

#0d75fa
```
#0d75fa rgb(13,117,250)
```
#2080fb
```
#2080fb rgb(32,128,251)
```
#338bfb
```
#338bfb rgb(51,139,251)
```
#4696fb
```
#4696fb rgb(70,150,251)
```
#5aa1fc
```
#5aa1fc rgb(90,161,252)
```
#6dacfc
```
#6dacfc rgb(109,172,252)
```
#80b7fc
```
#80b7fc rgb(128,183,252)
```
#93c2fd
```
#93c2fd rgb(147,194,253)
```
#a7cdfd
```
#a7cdfd rgb(167,205,253)
```
#bad8fe
```
#bad8fe rgb(186,216,254)
```
#cde3fe
```
#cde3fe rgb(205,227,254)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#62666a
```
#62666a rgb(98,102,106)
```
#5a6572
```
#5a6572 rgb(90,101,114)
```
#52647a
```
#52647a rgb(82,100,122)
```
#4b6381
```
#4b6381 rgb(75,99,129)
```
#436289
```
#436289 rgb(67,98,137)
```
#3b6191
```
#3b6191 rgb(59,97,145)
```
#336099
```
#336099 rgb(51,96,153)
```
#2b5fa1
```
#2b5fa1 rgb(43,95,161)
```
#235ea9
```
#235ea9 rgb(35,94,169)
```
#1c5db0
```
#1c5db0 rgb(28,93,176)
```
#145cb8
```
#145cb8 rgb(20,92,184)
```
#0c5bc0
```
#0c5bc0 rgb(12,91,192)
```
#045ac8
```
#045ac8 rgb(4,90,200)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#3e5066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aac Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0160c6 Protanomaly 1% of men, 0.01% of women
#0164b6 Deuteranomaly 6% of men, 0.4% of women
#016995 Tritanomaly 0.01% of the population

#045ac8 hex color

#045ac8 Color Information

#045ac8 Color Conversion

Color Schemes with #045ac8

Alternatives to #045ac8

#045ac8 Preview

Shades and Tints of #045ac8

Tones of #045ac8

Color Blindness Simulator