#045fb4 hex color

In a RGB color space, hex #045fb4 is composed of 1.6% red, 37.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 47.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 209 degrees, a saturation of 95.7% and a lightness of 36.1%. #045fb4 color hex could be obtained by blending #08beff with #000069. Closest websafe color is: #0066cc.

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

● #045fb4 color description : Strong blue.

The hexadecimal color #045fb4 has RGB values of R:4, G:95, B:180 and CMYK values of C:0.98, M:0.47, Y:0, K:0.29. Its decimal value is 286644.

Hex triplet	045fb4	`#045fb4`
RGB Decimal	4, 95, 180	`rgb(4,95,180)`
RGB Percent	1.6, 37.3, 70.6	`rgb(1.6%,37.3%,70.6%)`
CMYK	98, 47, 0, 29
HSL	209°, 95.7, 36.1	`hsl(209,95.7%,36.1%)`
HSV (or HSB)	209°, 97.8, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.417, 10.265, -51.423
XYZ	12.379, 11.504, 44.746
xyY	0.18, 0.168, 11.504
CIE-LCH	40.417, 52.437, 281.289
CIE-LUV	40.417, -22.441, -75.633
Hunter-Lab	33.918, 5.788, -54.474
Binary	00000100, 01011111, 10110100

#045fb4
```
#045fb4 rgb(4,95,180)
```
#b45904
```
#b45904 rgb(180,89,4)
```

Complementary Color

#04b4b1
```
#04b4b1 rgb(4,180,177)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#0407b4
```
#0407b4 rgb(4,7,180)
```

Analogous Color

#b4b104
```
#b4b104 rgb(180,177,4)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#b40407
```
#b40407 rgb(180,4,7)
```

Split Complementary Color

#5fb404
```
#5fb404 rgb(95,180,4)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#b4045f
```
#b4045f rgb(180,4,95)
```

Triadic Color

#04b459
```
#04b459 rgb(4,180,89)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#b4045f
```
#b4045f rgb(180,4,95)
```
#b45904
```
#b45904 rgb(180,89,4)
```

Tetradic Color

#023869
```
#023869 rgb(2,56,105)
```
#034582
```
#034582 rgb(3,69,130)
```
#03529b
```
#03529b rgb(3,82,155)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#056ccd
```
#056ccd rgb(5,108,205)
```
#0579e6
```
#0579e6 rgb(5,121,230)
```
#0b86fa
```
#0b86fa rgb(11,134,250)
```

Monochromatic Color

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

#048bb4
```
#048bb4 rgb(4,139,180)
```
#047cb4
```
#047cb4 rgb(4,124,180)
```
#046eb4
```
#046eb4 rgb(4,110,180)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#0450b4
```
#0450b4 rgb(4,80,180)
```
#0442b4
```
#0442b4 rgb(4,66,180)
```
#0433b4
```
#0433b4 rgb(4,51,180)
```

Similar Colors

Text with hexadecimal color #045fb4

This text has a font color of #045fb4.

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

#045fb4 background color

This paragraph has a background color of #045fb4.

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

#045fb4 border color

This element has a border color of #045fb4.

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

CSS codes

.text {color:#045fb4;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#01182e
```
#01182e rgb(1,24,46)
```
#012241
```
#012241 rgb(1,34,65)
```
#022c54
```
#022c54 rgb(2,44,84)
```
#023667
```
#023667 rgb(2,54,103)
```
#03417a
```
#03417a rgb(3,65,122)
```
#034b8e
```
#034b8e rgb(3,75,142)
```
#0455a1
```
#0455a1 rgb(4,85,161)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#0469c7
```
#0469c7 rgb(4,105,199)
```
#0573da
```
#0573da rgb(5,115,218)
```
#057dee
```
#057dee rgb(5,125,238)
```

Shade Color Variation

#0d87fa
```
#0d87fa rgb(13,135,250)
```
#2091fa
```
#2091fa rgb(32,145,250)
```
#339afa
```
#339afa rgb(51,154,250)
```
#46a4fb
```
#46a4fb rgb(70,164,251)
```
#5aadfb
```
#5aadfb rgb(90,173,251)
```
#6db7fc
```
#6db7fc rgb(109,183,252)
```
#80c0fc
```
#80c0fc rgb(128,192,252)
```
#93cafd
```
#93cafd rgb(147,202,253)
```
#a6d3fd
```
#a6d3fd rgb(166,211,253)
```
#baddfd
```
#baddfd rgb(186,221,253)
```
#cde6fe
```
#cde6fe rgb(205,230,254)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#595c5f
```
#595c5f rgb(89,92,95)
```
#525c66
```
#525c66 rgb(82,92,102)
```
#4b5d6d
```
#4b5d6d rgb(75,93,109)
```
#445d74
```
#445d74 rgb(68,93,116)
```
#3d5d7b
```
#3d5d7b rgb(61,93,123)
```
#365d82
```
#365d82 rgb(54,93,130)
```
#2e5e8a
```
#2e5e8a rgb(46,94,138)
```
#275e91
```
#275e91 rgb(39,94,145)
```
#205e98
```
#205e98 rgb(32,94,152)
```
#195e9f
```
#195e9f rgb(25,94,159)
```
#125fa6
```
#125fa6 rgb(18,95,166)
```
#0b5fad
```
#0b5fad rgb(11,95,173)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```

Tone Color Variation

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

Dichromacy

#3864b5 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#2562b5 Protanomaly 1% of men, 0.01% of women
#0165b0 Deuteranomaly 6% of men, 0.4% of women
#016a8e Tritanomaly 0.01% of the population

#045fb4 hex color

#045fb4 Color Information

#045fb4 Color Conversion

Color Schemes with #045fb4

Alternatives to #045fb4

#045fb4 Preview

Shades and Tints of #045fb4

Tones of #045fb4

Color Blindness Simulator