#045bb9 hex color

In a RGB color space, hex #045bb9 is composed of 1.6% red, 35.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 50.8% magenta, 0% yellow and 27.5% black. It has a hue angle of 211.2 degrees, a saturation of 95.8% and a lightness of 37.1%. #045bb9 color hex could be obtained by blending #08b6ff with #000073. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 36
- B 73
RGB color chart
- C 98
- M 51
- Y 0
- K 27
CMYK color chart

● #045bb9 color description : Strong blue.

The hexadecimal color #045bb9 has RGB values of R:4, G:91, B:185 and CMYK values of C:0.98, M:0.51, Y:0, K:0.27. Its decimal value is 285625.

Hex triplet	045bb9	`#045bb9`
RGB Decimal	4, 91, 185	`rgb(4,91,185)`
RGB Percent	1.6, 35.7, 72.5	`rgb(1.6%,35.7%,72.5%)`
CMYK	98, 51, 0, 27
HSL	211.2°, 95.8, 37.1	`hsl(211.2,95.8%,37.1%)`
HSV (or HSB)	211.2°, 97.8, 72.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.597, 14.941, -55.679
XYZ	12.546, 11.01, 47.36
xyY	0.177, 0.155, 11.01
CIE-LCH	39.597, 57.649, 285.021
CIE-LUV	39.597, -21.054, -81.573
Hunter-Lab	33.181, 9.427, -61.4
Binary	00000100, 01011011, 10111001

#045bb9
```
#045bb9 rgb(4,91,185)
```
#b96204
```
#b96204 rgb(185,98,4)
```

Complementary Color

#04b6b9
```
#04b6b9 rgb(4,182,185)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#0704b9
```
#0704b9 rgb(7,4,185)
```

Analogous Color

#b6b904
```
#b6b904 rgb(182,185,4)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#b90804
```
#b90804 rgb(185,8,4)
```

Split Complementary Color

#5bb904
```
#5bb904 rgb(91,185,4)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#b9045b
```
#b9045b rgb(185,4,91)
```

Triadic Color

#04b962
```
#04b962 rgb(4,185,98)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#b9045b
```
#b9045b rgb(185,4,91)
```
#b96204
```
#b96204 rgb(185,98,4)
```

Tetradic Color

#02366e
```
#02366e rgb(2,54,110)
```
#034287
```
#034287 rgb(3,66,135)
```
#034fa0
```
#034fa0 rgb(3,79,160)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#0567d2
```
#0567d2 rgb(5,103,210)
```
#0574eb
```
#0574eb rgb(5,116,235)
```
#1080fa
```
#1080fa rgb(16,128,250)
```

Monochromatic Color

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

#0488b9
```
#0488b9 rgb(4,136,185)
```
#0479b9
```
#0479b9 rgb(4,121,185)
```
#046ab9
```
#046ab9 rgb(4,106,185)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#044cb9
```
#044cb9 rgb(4,76,185)
```
#043db9
```
#043db9 rgb(4,61,185)
```
#042eb9
```
#042eb9 rgb(4,46,185)
```

Similar Colors

Text with hexadecimal color #045bb9

This text has a font color of #045bb9.

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

#045bb9 background color

This paragraph has a background color of #045bb9.

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

#045bb9 border color

This element has a border color of #045bb9.

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

CSS codes

.text {color:#045bb9;}

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

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

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#010f1f
```
#010f1f rgb(1,15,31)
```
#011933
```
#011933 rgb(1,25,51)
```
#022246
```
#022246 rgb(2,34,70)
```
#022c59
```
#022c59 rgb(2,44,89)
```
#02356c
```
#02356c rgb(2,53,108)
```
#033f7f
```
#033f7f rgb(3,63,127)
```
#034893
```
#034893 rgb(3,72,147)
```
#0452a6
```
#0452a6 rgb(4,82,166)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```
#0464cc
```
#0464cc rgb(4,100,204)
```
#056edf
```
#056edf rgb(5,110,223)
```
#0577f3
```
#0577f3 rgb(5,119,243)
```

Shade Color Variation

#1281fa
```
#1281fa rgb(18,129,250)
```
#258bfa
```
#258bfa rgb(37,139,250)
```
#3896fb
```
#3896fb rgb(56,150,251)
```
#4ba0fb
```
#4ba0fb rgb(75,160,251)
```
#5eaafc
```
#5eaafc rgb(94,170,252)
```
#72b4fc
```
#72b4fc rgb(114,180,252)
```
#85befc
```
#85befc rgb(133,190,252)
```
#98c8fd
```
#98c8fd rgb(152,200,253)
```
#abd3fd
```
#abd3fd rgb(171,211,253)
```
#beddfe
```
#beddfe rgb(190,221,254)
```
#d2e7fe
```
#d2e7fe rgb(210,231,254)
```
#e5f1fe
```
#e5f1fe rgb(229,241,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#5b5e62
```
#5b5e62 rgb(91,94,98)
```
#545e69
```
#545e69 rgb(84,94,105)
```
#4d5e70
```
#4d5e70 rgb(77,94,112)
```
#455e78
```
#455e78 rgb(69,94,120)
```
#3e5d7f
```
#3e5d7f rgb(62,93,127)
```
#375d86
```
#375d86 rgb(55,93,134)
```
#305d8d
```
#305d8d rgb(48,93,141)
```
#285c95
```
#285c95 rgb(40,92,149)
```
#215c9c
```
#215c9c rgb(33,92,156)
```
#1a5ca3
```
#1a5ca3 rgb(26,92,163)
```
#135caa
```
#135caa rgb(19,92,170)
```
#0b5bb2
```
#0b5bb2 rgb(11,91,178)
```
#045bb9
```
#045bb9 rgb(4,91,185)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3e4f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2562bb Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#195fba Protanomaly 1% of men, 0.01% of women
#0163af Deuteranomaly 6% of men, 0.4% of women
#01688e Tritanomaly 0.01% of the population

#045bb9 hex color

#045bb9 Color Information

#045bb9 Color Conversion

Color Schemes with #045bb9

Alternatives to #045bb9

#045bb9 Preview

Shades and Tints of #045bb9

Tones of #045bb9

Color Blindness Simulator