#045fb3 hex color

In a RGB color space, hex #045fb3 is composed of 1.6% red, 37.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 46.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 208.8 degrees, a saturation of 95.6% and a lightness of 35.9%. #045fb3 color hex could be obtained by blending #08beff with #000067. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 70
RGB color chart
- C 98
- M 47
- Y 0
- K 30
CMYK color chart

● #045fb3 color description : Strong blue.

The hexadecimal color #045fb3 has RGB values of R:4, G:95, B:179 and CMYK values of C:0.98, M:0.47, Y:0, K:0.3. Its decimal value is 286643.

Hex triplet	045fb3	`#045fb3`
RGB Decimal	4, 95, 179	`rgb(4,95,179)`
RGB Percent	1.6, 37.3, 70.2	`rgb(1.6%,37.3%,70.2%)`
CMYK	98, 47, 0, 30
HSL	208.8°, 95.6, 35.9	`hsl(208.8,95.6%,35.9%)`
HSV (or HSB)	208.8°, 97.8, 70.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.351, 9.857, -50.943
XYZ	12.277, 11.464, 44.211
xyY	0.181, 0.169, 11.464
CIE-LCH	40.351, 51.888, 280.951
CIE-LUV	40.351, -22.482, -74.87
Hunter-Lab	33.858, 5.473, -53.718
Binary	00000100, 01011111, 10110011

#045fb3
```
#045fb3 rgb(4,95,179)
```
#b35804
```
#b35804 rgb(179,88,4)
```

Complementary Color

#04b3b0
```
#04b3b0 rgb(4,179,176)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#0408b3
```
#0408b3 rgb(4,8,179)
```

Analogous Color

#b3b004
```
#b3b004 rgb(179,176,4)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#b30408
```
#b30408 rgb(179,4,8)
```

Split Complementary Color

#5fb304
```
#5fb304 rgb(95,179,4)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#b3045f
```
#b3045f rgb(179,4,95)
```

Triadic Color

#04b358
```
#04b358 rgb(4,179,88)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#b3045f
```
#b3045f rgb(179,4,95)
```
#b35804
```
#b35804 rgb(179,88,4)
```

Tetradic Color

#023768
```
#023768 rgb(2,55,104)
```
#034581
```
#034581 rgb(3,69,129)
```
#03529a
```
#03529a rgb(3,82,154)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#056ccc
```
#056ccc rgb(5,108,204)
```
#0579e5
```
#0579e5 rgb(5,121,229)
```
#0a87fa
```
#0a87fa rgb(10,135,250)
```

Monochromatic Color

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

#048bb3
```
#048bb3 rgb(4,139,179)
```
#047cb3
```
#047cb3 rgb(4,124,179)
```
#046eb3
```
#046eb3 rgb(4,110,179)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#0450b3
```
#0450b3 rgb(4,80,179)
```
#0442b3
```
#0442b3 rgb(4,66,179)
```
#0433b3
```
#0433b3 rgb(4,51,179)
```

Similar Colors

Text with hexadecimal color #045fb3

This text has a font color of #045fb3.

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

#045fb3 background color

This paragraph has a background color of #045fb3.

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

#045fb3 border color

This element has a border color of #045fb3.

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

CSS codes

.text {color:#045fb3;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#01182d
```
#01182d rgb(1,24,45)
```
#012240
```
#012240 rgb(1,34,64)
```
#022c53
```
#022c53 rgb(2,44,83)
```
#023666
```
#023666 rgb(2,54,102)
```
#034079
```
#034079 rgb(3,64,121)
```
#034b8d
```
#034b8d rgb(3,75,141)
```
#0455a0
```
#0455a0 rgb(4,85,160)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```
#0469c6
```
#0469c6 rgb(4,105,198)
```
#0573d9
```
#0573d9 rgb(5,115,217)
```
#057eed
```
#057eed rgb(5,126,237)
```

Shade Color Variation

#0c87fa
```
#0c87fa rgb(12,135,250)
```
#1f91fa
```
#1f91fa rgb(31,145,250)
```
#329afa
```
#329afa rgb(50,154,250)
```
#45a4fb
```
#45a4fb rgb(69,164,251)
```
#59adfb
```
#59adfb rgb(89,173,251)
```
#6cb7fc
```
#6cb7fc rgb(108,183,252)
```
#7fc0fc
```
#7fc0fc rgb(127,192,252)
```
#92cafd
```
#92cafd rgb(146,202,253)
```
#a5d3fd
```
#a5d3fd rgb(165,211,253)
```
#b9dcfd
```
#b9dcfd rgb(185,220,253)
```
#cce6fe
```
#cce6fe rgb(204,230,254)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#585c5f
```
#585c5f rgb(88,92,95)
```
#515c66
```
#515c66 rgb(81,92,102)
```
#4a5c6d
```
#4a5c6d rgb(74,92,109)
```
#435c74
```
#435c74 rgb(67,92,116)
```
#3c5d7b
```
#3c5d7b rgb(60,93,123)
```
#355d82
```
#355d82 rgb(53,93,130)
```
#2e5d89
```
#2e5d89 rgb(46,93,137)
```
#275e90
```
#275e90 rgb(39,94,144)
```
#205e97
```
#205e97 rgb(32,94,151)
```
#195e9e
```
#195e9e rgb(25,94,158)
```
#125ea5
```
#125ea5 rgb(18,94,165)
```
#0b5fac
```
#0b5fac rgb(11,95,172)
```
#045fb3
```
#045fb3 rgb(4,95,179)
```

Tone Color Variation

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

Dichromacy

#3964b4 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#2662b4 Protanomaly 1% of men, 0.01% of women
#0165af Deuteranomaly 6% of men, 0.4% of women
#016a8d Tritanomaly 0.01% of the population

#045fb3 hex color

#045fb3 Color Information

#045fb3 Color Conversion

Color Schemes with #045fb3

Alternatives to #045fb3

#045fb3 Preview

Shades and Tints of #045fb3

Tones of #045fb3

Color Blindness Simulator