#0045b4 hex color

In a RGB color space, hex #0045b4 is composed of 0% red, 27.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 61.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 217 degrees, a saturation of 100% and a lightness of 35.3%. #0045b4 color hex could be obtained by blending #008aff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 27
- B 71
RGB color chart
- C 100
- M 62
- Y 0
- K 29
CMYK color chart

● #0045b4 color description : Strong blue.

The hexadecimal color #0045b4 has RGB values of R:0, G:69, B:180 and CMYK values of C:1, M:0.62, Y:0, K:0.29. Its decimal value is 17844.

Hex triplet	0045b4	`#0045b4`
RGB Decimal	0, 69, 180	`rgb(0,69,180)`
RGB Percent	0, 27.1, 70.6	`rgb(0%,27.1%,70.6%)`
CMYK	100, 62, 0, 29
HSL	217°, 100, 35.3	`hsl(217,100%,35.3%)`
HSV (or HSB)	217°, 100, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	33.029, 27.545, -63.43
XYZ	10.365, 7.551, 44.089
xyY	0.167, 0.122, 7.551
CIE-LCH	33.029, 69.153, 293.474
CIE-LUV	33.029, -15.382, -87.065
Hunter-Lab	27.478, 19.241, -75.895
Binary	00000000, 01000101, 10110100

#0045b4
```
#0045b4 rgb(0,69,180)
```
#b46f00
```
#b46f00 rgb(180,111,0)
```

Complementary Color

#009fb4
```
#009fb4 rgb(0,159,180)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#1500b4
```
#1500b4 rgb(21,0,180)
```

Analogous Color

#9fb400
```
#9fb400 rgb(159,180,0)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#b41500
```
#b41500 rgb(180,21,0)
```

Split Complementary Color

#45b400
```
#45b400 rgb(69,180,0)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#b40045
```
#b40045 rgb(180,0,69)
```

Triadic Color

#00b46f
```
#00b46f rgb(0,180,111)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#b40045
```
#b40045 rgb(180,0,69)
```
#b46f00
```
#b46f00 rgb(180,111,0)
```

Tetradic Color

#002868
```
#002868 rgb(0,40,104)
```
#003181
```
#003181 rgb(0,49,129)
```
#003b9b
```
#003b9b rgb(0,59,155)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#004fce
```
#004fce rgb(0,79,206)
```
#0059e7
```
#0059e7 rgb(0,89,231)
```
#0163ff
```
#0163ff rgb(1,99,255)
```

Monochromatic Color

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

#0072b4
```
#0072b4 rgb(0,114,180)
```
#0063b4
```
#0063b4 rgb(0,99,180)
```
#0054b4
```
#0054b4 rgb(0,84,180)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#0036b4
```
#0036b4 rgb(0,54,180)
```
#0027b4
```
#0027b4 rgb(0,39,180)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```

Similar Colors

Text with hexadecimal color #0045b4

This text has a font color of #0045b4.

<span style="color:#0045b4;">Text here</span>

#0045b4 background color

This paragraph has a background color of #0045b4.

<p style="background-color:#0045b4;">Content here</p>

#0045b4 border color

This element has a border color of #0045b4.

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

CSS codes

.text {color:#0045b4;}

.background {background-color:#0045b4;}

.border {border:1px solid #0045b4;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000917
```
#000917 rgb(0,9,23)
```
#00102b
```
#00102b rgb(0,16,43)
```
#00183e
```
#00183e rgb(0,24,62)
```
#001f52
```
#001f52 rgb(0,31,82)
```
#002766
```
#002766 rgb(0,39,102)
```
#002e79
```
#002e79 rgb(0,46,121)
```
#00368d
```
#00368d rgb(0,54,141)
```
#003da0
```
#003da0 rgb(0,61,160)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```
#004dc8
```
#004dc8 rgb(0,77,200)
```
#0054db
```
#0054db rgb(0,84,219)
```
#005cef
```
#005cef rgb(0,92,239)
```

Shade Color Variation

#0364ff
```
#0364ff rgb(3,100,255)
```
#1770ff
```
#1770ff rgb(23,112,255)
```
#2b7cff
```
#2b7cff rgb(43,124,255)
```
#3e88ff
```
#3e88ff rgb(62,136,255)
```
#5294ff
```
#5294ff rgb(82,148,255)
```
#66a0ff
```
#66a0ff rgb(102,160,255)
```
#79acff
```
#79acff rgb(121,172,255)
```
#8db9ff
```
#8db9ff rgb(141,185,255)
```
#a0c5ff
```
#a0c5ff rgb(160,197,255)
```
#b4d1ff
```
#b4d1ff rgb(180,209,255)
```
#c8ddff
```
#c8ddff rgb(200,221,255)
```
#dbe9ff
```
#dbe9ff rgb(219,233,255)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#535861
```
#535861 rgb(83,88,97)
```
#4c5768
```
#4c5768 rgb(76,87,104)
```
#45556f
```
#45556f rgb(69,85,111)
```
#3e5476
```
#3e5476 rgb(62,84,118)
```
#37527d
```
#37527d rgb(55,82,125)
```
#305084
```
#305084 rgb(48,80,132)
```
#2a4f8a
```
#2a4f8a rgb(42,79,138)
```
#234d91
```
#234d91 rgb(35,77,145)
```
#1c4b98
```
#1c4b98 rgb(28,75,152)
```
#154a9f
```
#154a9f rgb(21,74,159)
```
#0e48a6
```
#0e48a6 rgb(14,72,166)
```
#0747ad
```
#0747ad rgb(7,71,173)
```
#0045b4
```
#0045b4 rgb(0,69,180)
```

Tone Color Variation

Below, you can see how #0045b4 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

#3d3d3d Achromatopsia 0.005% of the population
#313f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#004eaa Protanomaly 1% of men, 0.01% of women
#00519c Deuteranomaly 6% of men, 0.4% of women
#005581 Tritanomaly 0.01% of the population

#0045b4 hex color

#0045b4 Color Information

#0045b4 Color Conversion

Color Schemes with #0045b4

Alternatives to #0045b4

#0045b4 Preview

Shades and Tints of #0045b4

Tones of #0045b4

Color Blindness Simulator