#045ab7 hex color

In a RGB color space, hex #045ab7 is composed of 1.6% red, 35.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 50.8% magenta, 0% yellow and 28.2% black. It has a hue angle of 211.2 degrees, a saturation of 95.7% and a lightness of 36.7%. #045ab7 color hex could be obtained by blending #08b4ff with #00006f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 35
- B 72
RGB color chart
- C 98
- M 51
- Y 0
- K 28
CMYK color chart

● #045ab7 color description : Strong blue.

The hexadecimal color #045ab7 has RGB values of R:4, G:90, B:183 and CMYK values of C:0.98, M:0.51, Y:0, K:0.28. Its decimal value is 285367.

Hex triplet	045ab7	`#045ab7`
RGB Decimal	4, 90, 183	`rgb(4,90,183)`
RGB Percent	1.6, 35.3, 71.8	`rgb(1.6%,35.3%,71.8%)`
CMYK	98, 51, 0, 28
HSL	211.2°, 95.7, 36.7	`hsl(211.2,95.7%,36.7%)`
HSV (or HSB)	211.2°, 97.8, 71.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.166, 14.788, -55.203
XYZ	12.252, 10.756, 46.228
xyY	0.177, 0.155, 10.756
CIE-LCH	39.166, 57.15, 284.996
CIE-LUV	39.166, -20.828, -80.621
Hunter-Lab	32.796, 9.288, -60.614
Binary	00000100, 01011010, 10110111

#045ab7
```
#045ab7 rgb(4,90,183)
```
#b76104
```
#b76104 rgb(183,97,4)
```

Complementary Color

#04b4b7
```
#04b4b7 rgb(4,180,183)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#0704b7
```
#0704b7 rgb(7,4,183)
```

Analogous Color

#b4b704
```
#b4b704 rgb(180,183,4)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#b70704
```
#b70704 rgb(183,7,4)
```

Split Complementary Color

#5ab704
```
#5ab704 rgb(90,183,4)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#b7045a
```
#b7045a rgb(183,4,90)
```

Triadic Color

#04b761
```
#04b761 rgb(4,183,97)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#b7045a
```
#b7045a rgb(183,4,90)
```
#b76104
```
#b76104 rgb(183,97,4)
```

Tetradic Color

#02356c
```
#02356c rgb(2,53,108)
```
#034185
```
#034185 rgb(3,65,133)
```
#034e9e
```
#034e9e rgb(3,78,158)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#0566d0
```
#0566d0 rgb(5,102,208)
```
#0573e9
```
#0573e9 rgb(5,115,233)
```
#0e7ffa
```
#0e7ffa rgb(14,127,250)
```

Monochromatic Color

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

#0487b7
```
#0487b7 rgb(4,135,183)
```
#0478b7
```
#0478b7 rgb(4,120,183)
```
#0469b7
```
#0469b7 rgb(4,105,183)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#044bb7
```
#044bb7 rgb(4,75,183)
```
#043cb7
```
#043cb7 rgb(4,60,183)
```
#042db7
```
#042db7 rgb(4,45,183)
```

Similar Colors

Text with hexadecimal color #045ab7

This text has a font color of #045ab7.

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

#045ab7 background color

This paragraph has a background color of #045ab7.

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

#045ab7 border color

This element has a border color of #045ab7.

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

CSS codes

.text {color:#045ab7;}

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

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#010e1d
```
#010e1d rgb(1,14,29)
```
#011831
```
#011831 rgb(1,24,49)
```
#012144
```
#012144 rgb(1,33,68)
```
#022b57
```
#022b57 rgb(2,43,87)
```
#02346a
```
#02346a rgb(2,52,106)
```
#033e7d
```
#033e7d rgb(3,62,125)
```
#034791
```
#034791 rgb(3,71,145)
```
#0451a4
```
#0451a4 rgb(4,81,164)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```
#0463ca
```
#0463ca rgb(4,99,202)
```
#056ddd
```
#056ddd rgb(5,109,221)
```
#0576f1
```
#0576f1 rgb(5,118,241)
```

Shade Color Variation

#1080fa
```
#1080fa rgb(16,128,250)
```
#238afa
```
#238afa rgb(35,138,250)
```
#3695fb
```
#3695fb rgb(54,149,251)
```
#499ffb
```
#499ffb rgb(73,159,251)
```
#5ca9fb
```
#5ca9fb rgb(92,169,251)
```
#70b3fc
```
#70b3fc rgb(112,179,252)
```
#83bdfc
```
#83bdfc rgb(131,189,252)
```
#96c7fd
```
#96c7fd rgb(150,199,253)
```
#a9d2fd
```
#a9d2fd rgb(169,210,253)
```
#bcdcfe
```
#bcdcfe rgb(188,220,254)
```
#d0e6fe
```
#d0e6fe rgb(208,230,254)
```
#e3f0fe
```
#e3f0fe rgb(227,240,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#5a5d61
```
#5a5d61 rgb(90,93,97)
```
#535d68
```
#535d68 rgb(83,93,104)
```
#4c5d6f
```
#4c5d6f rgb(76,93,111)
```
#455d76
```
#455d76 rgb(69,93,118)
```
#3e5c7d
```
#3e5c7d rgb(62,92,125)
```
#365c85
```
#365c85 rgb(54,92,133)
```
#2f5c8c
```
#2f5c8c rgb(47,92,140)
```
#285b93
```
#285b93 rgb(40,91,147)
```
#215b9a
```
#215b9a rgb(33,91,154)
```
#1a5ba1
```
#1a5ba1 rgb(26,91,161)
```
#125ba9
```
#125ba9 rgb(18,91,169)
```
#0b5ab0
```
#0b5ab0 rgb(11,90,176)
```
#045ab7
```
#045ab7 rgb(4,90,183)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2561b9 Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#195eb8 Protanomaly 1% of men, 0.01% of women
#0162ad Deuteranomaly 6% of men, 0.4% of women
#01678c Tritanomaly 0.01% of the population

#045ab7 hex color

#045ab7 Color Information

#045ab7 Color Conversion

Color Schemes with #045ab7

Alternatives to #045ab7

#045ab7 Preview

Shades and Tints of #045ab7

Tones of #045ab7

Color Blindness Simulator