#045fbb hex color

In a RGB color space, hex #045fbb is composed of 1.6% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 210.2 degrees, a saturation of 95.8% and a lightness of 37.5%. #045fbb color hex could be obtained by blending #08beff with #000077. Closest websafe color is: #0066cc.

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

● #045fbb color description : Strong blue.

The hexadecimal color #045fbb has RGB values of R:4, G:95, B:187 and CMYK values of C:0.98, M:0.49, Y:0, K:0.27. Its decimal value is 286651.

Hex triplet	045fbb	`#045fbb`
RGB Decimal	4, 95, 187	`rgb(4,95,187)`
RGB Percent	1.6, 37.3, 73.3	`rgb(1.6%,37.3%,73.3%)`
CMYK	98, 49, 0, 27
HSL	210.2°, 95.8, 37.5	`hsl(210.2,95.8%,37.5%)`
HSV (or HSB)	210.2°, 97.9, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.891, 13.117, -54.755
XYZ	13.11, 11.797, 48.597
xyY	0.178, 0.16, 11.797
CIE-LCH	40.891, 56.304, 283.472
CIE-LUV	40.891, -22.168, -80.914
Hunter-Lab	34.347, 8.026, -59.847
Binary	00000100, 01011111, 10111011

#045fbb
```
#045fbb rgb(4,95,187)
```
#bb6004
```
#bb6004 rgb(187,96,4)
```

Complementary Color

#04bbbb
```
#04bbbb rgb(4,187,187)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#0404bb
```
#0404bb rgb(4,4,187)
```

Analogous Color

#bbbb04
```
#bbbb04 rgb(187,187,4)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#bb0504
```
#bb0504 rgb(187,5,4)
```

Split Complementary Color

#5fbb04
```
#5fbb04 rgb(95,187,4)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#bb045f
```
#bb045f rgb(187,4,95)
```

Triadic Color

#04bb60
```
#04bb60 rgb(4,187,96)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#bb045f
```
#bb045f rgb(187,4,95)
```
#bb6004
```
#bb6004 rgb(187,96,4)
```

Tetradic Color

#023970
```
#023970 rgb(2,57,112)
```
#034689
```
#034689 rgb(3,70,137)
```
#0352a2
```
#0352a2 rgb(3,82,162)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#056cd4
```
#056cd4 rgb(5,108,212)
```
#0578ed
```
#0578ed rgb(5,120,237)
```
#1285fa
```
#1285fa rgb(18,133,250)
```

Monochromatic Color

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

#048dbb
```
#048dbb rgb(4,141,187)
```
#047ebb
```
#047ebb rgb(4,126,187)
```
#046ebb
```
#046ebb rgb(4,110,187)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#0450bb
```
#0450bb rgb(4,80,187)
```
#0441bb
```
#0441bb rgb(4,65,187)
```
#0431bb
```
#0431bb rgb(4,49,187)
```

Similar Colors

Text with hexadecimal color #045fbb

This text has a font color of #045fbb.

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

#045fbb background color

This paragraph has a background color of #045fbb.

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

#045fbb border color

This element has a border color of #045fbb.

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

CSS codes

.text {color:#045fbb;}

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

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

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, #00070e is the darkest color, while #fafcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#011121
```
#011121 rgb(1,17,33)
```
#011b35
```
#011b35 rgb(1,27,53)
```
#022448
```
#022448 rgb(2,36,72)
```
#022e5b
```
#022e5b rgb(2,46,91)
```
#02386e
```
#02386e rgb(2,56,110)
```
#034281
```
#034281 rgb(3,66,129)
```
#034b95
```
#034b95 rgb(3,75,149)
```
#0455a8
```
#0455a8 rgb(4,85,168)
```
#045fbb
```
#045fbb rgb(4,95,187)
```
#0469ce
```
#0469ce rgb(4,105,206)
```
#0573e1
```
#0573e1 rgb(5,115,225)
```
#057cf5
```
#057cf5 rgb(5,124,245)
```

Shade Color Variation

#1386fa
```
#1386fa rgb(19,134,250)
```
#2790fa
```
#2790fa rgb(39,144,250)
```
#3a9afb
```
#3a9afb rgb(58,154,251)
```
#4da4fb
```
#4da4fb rgb(77,164,251)
```
#60aefc
```
#60aefc rgb(96,174,252)
```
#74b7fc
```
#74b7fc rgb(116,183,252)
```
#87c1fc
```
#87c1fc rgb(135,193,252)
```
#9acbfd
```
#9acbfd rgb(154,203,253)
```
#add5fd
```
#add5fd rgb(173,213,253)
```
#c0dffe
```
#c0dffe rgb(192,223,254)
```
#d4e9fe
```
#d4e9fe rgb(212,233,254)
```
#e7f3fe
```
#e7f3fe rgb(231,243,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#5c5f63
```
#5c5f63 rgb(92,95,99)
```
#555f6a
```
#555f6a rgb(85,95,106)
```
#4d5f72
```
#4d5f72 rgb(77,95,114)
```
#465f79
```
#465f79 rgb(70,95,121)
```
#3f5f80
```
#3f5f80 rgb(63,95,128)
```
#375f88
```
#375f88 rgb(55,95,136)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#295f96
```
#295f96 rgb(41,95,150)
```
#215f9e
```
#215f9e rgb(33,95,158)
```
#1a5fa5
```
#1a5fa5 rgb(26,95,165)
```
#135fac
```
#135fac rgb(19,95,172)
```
#0b5fb4
```
#0b5fb4 rgb(11,95,180)
```
#045fbb
```
#045fbb rgb(4,95,187)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f5164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3065bd Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#2063bc Protanomaly 1% of men, 0.01% of women
#0166b3 Deuteranomaly 6% of men, 0.4% of women
#016b91 Tritanomaly 0.01% of the population

#045fbb hex color

#045fbb Color Information

#045fbb Color Conversion

Color Schemes with #045fbb

Alternatives to #045fbb

#045fbb Preview

Shades and Tints of #045fbb

Tones of #045fbb

Color Blindness Simulator