#045ac6 hex color

In a RGB color space, hex #045ac6 is composed of 1.6% red, 35.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 54.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 213.4 degrees, a saturation of 96% and a lightness of 39.6%. #045ac6 color hex could be obtained by blending #08b4ff with #00008d. 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

● #045ac6 color description : Strong blue.

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

Hex triplet	045ac6	`#045ac6`
RGB Decimal	4, 90, 198	`rgb(4,90,198)`
RGB Percent	1.6, 35.3, 77.6	`rgb(1.6%,35.3%,77.6%)`
CMYK	98, 55, 0, 22
HSL	213.4°, 96, 39.6	`hsl(213.4,96%,39.6%)`
HSV (or HSB)	213.4°, 98, 77.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.269, 20.869, -62.162
XYZ	13.897, 11.414, 54.894
xyY	0.173, 0.142, 11.414
CIE-LCH	40.269, 65.572, 288.558
CIE-LUV	40.269, -20.375, -91.432
Hunter-Lab	33.785, 14.301, -72.685
Binary	00000100, 01011010, 11000110

#045ac6
```
#045ac6 rgb(4,90,198)
```
#c67004
```
#c67004 rgb(198,112,4)
```

Complementary Color

#04bbc6
```
#04bbc6 rgb(4,187,198)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#0f04c6
```
#0f04c6 rgb(15,4,198)
```

Analogous Color

#bbc604
```
#bbc604 rgb(187,198,4)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#c60f04
```
#c60f04 rgb(198,15,4)
```

Split Complementary Color

#5ac604
```
#5ac604 rgb(90,198,4)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#c6045a
```
#c6045a rgb(198,4,90)
```

Triadic Color

#04c670
```
#04c670 rgb(4,198,112)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#c6045a
```
#c6045a rgb(198,4,90)
```
#c67004
```
#c67004 rgb(198,112,4)
```

Tetradic Color

#02387b
```
#02387b rgb(2,56,123)
```
#034394
```
#034394 rgb(3,67,148)
```
#034fad
```
#034fad rgb(3,79,173)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#0565df
```
#0565df rgb(5,101,223)
```
#0571f8
```
#0571f8 rgb(5,113,248)
```
#1c7ffa
```
#1c7ffa rgb(28,127,250)
```

Monochromatic Color

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

#048bc6
```
#048bc6 rgb(4,139,198)
```
#047ac6
```
#047ac6 rgb(4,122,198)
```
#046ac6
```
#046ac6 rgb(4,106,198)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#044ac6
```
#044ac6 rgb(4,74,198)
```
#043ac6
```
#043ac6 rgb(4,58,198)
```
#042ac6
```
#042ac6 rgb(4,42,198)
```

Similar Colors

Text with hexadecimal color #045ac6

This text has a font color of #045ac6.

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

#045ac6 background color

This paragraph has a background color of #045ac6.

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

#045ac6 border color

This element has a border color of #045ac6.

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

CSS codes

.text {color:#045ac6;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01142c
```
#01142c rgb(1,20,44)
```
#011d3f
```
#011d3f rgb(1,29,63)
```
#022653
```
#022653 rgb(2,38,83)
```
#022e66
```
#022e66 rgb(2,46,102)
```
#023779
```
#023779 rgb(2,55,121)
```
#03408c
```
#03408c rgb(3,64,140)
```
#0349a0
```
#0349a0 rgb(3,73,160)
```
#0451b3
```
#0451b3 rgb(4,81,179)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```
#0463d9
```
#0463d9 rgb(4,99,217)
```
#056bec
```
#056bec rgb(5,107,236)
```

Shade Color Variation

#0b75fa
```
#0b75fa rgb(11,117,250)
```
#1e80fa
```
#1e80fa rgb(30,128,250)
```
#318bfb
```
#318bfb rgb(49,139,251)
```
#4495fb
```
#4495fb rgb(68,149,251)
```
#58a0fc
```
#58a0fc rgb(88,160,252)
```
#6babfc
```
#6babfc rgb(107,171,252)
```
#7eb6fc
```
#7eb6fc rgb(126,182,252)
```
#91c1fd
```
#91c1fd rgb(145,193,253)
```
#a5ccfd
```
#a5ccfd rgb(165,204,253)
```
#b8d7fe
```
#b8d7fe rgb(184,215,254)
```
#cbe2fe
```
#cbe2fe rgb(203,226,254)
```
#deecfe
```
#deecfe rgb(222,236,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#616569
```
#616569 rgb(97,101,105)
```
#596471
```
#596471 rgb(89,100,113)
```
#526378
```
#526378 rgb(82,99,120)
```
#4a6280
```
#4a6280 rgb(74,98,128)
```
#426188
```
#426188 rgb(66,97,136)
```
#3a6090
```
#3a6090 rgb(58,96,144)
```
#335f97
```
#335f97 rgb(51,95,151)
```
#2b5e9f
```
#2b5e9f rgb(43,94,159)
```
#235ea7
```
#235ea7 rgb(35,94,167)
```
#1b5daf
```
#1b5daf rgb(27,93,175)
```
#145cb6
```
#145cb6 rgb(20,92,182)
```
#0c5bbe
```
#0c5bbe rgb(12,91,190)
```
#045ac6
```
#045ac6 rgb(4,90,198)
```

Tone Color Variation

Below, you can see how #045ac6 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
#3e5065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0160c4 Protanomaly 1% of men, 0.01% of women
#0163b5 Deuteranomaly 6% of men, 0.4% of women
#016894 Tritanomaly 0.01% of the population

#045ac6 hex color

#045ac6 Color Information

#045ac6 Color Conversion

Color Schemes with #045ac6

Alternatives to #045ac6

#045ac6 Preview

Shades and Tints of #045ac6

Tones of #045ac6

Color Blindness Simulator