#045f8b hex color

In a RGB color space, hex #045f8b is composed of 1.6% red, 37.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 31.7% magenta, 0% yellow and 45.5% black. It has a hue angle of 199.6 degrees, a saturation of 94.4% and a lightness of 28%. #045f8b color hex could be obtained by blending #08beff with #000017. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 37
- B 55
RGB color chart
- C 97
- M 32
- Y 0
- K 45
CMYK color chart

● #045f8b color description : Dark blue.

The hexadecimal color #045f8b has RGB values of R:4, G:95, B:139 and CMYK values of C:0.97, M:0.32, Y:0, K:0.45. Its decimal value is 286603.

Hex triplet	045f8b	`#045f8b`
RGB Decimal	4, 95, 139	`rgb(4,95,139)`
RGB Percent	1.6, 37.3, 54.5	`rgb(1.6%,37.3%,54.5%)`
CMYK	97, 32, 0, 45
HSL	199.6°, 94.4, 28	`hsl(199.6,94.4%,28%)`
HSV (or HSB)	199.6°, 97.1, 54.5
Web Safe	006699	`#006699`

CIE-LAB	37.974, -6.439, -30.87
XYZ	8.801, 10.073, 25.905
xyY	0.197, 0.225, 10.073
CIE-LCH	37.974, 31.535, 258.218
CIE-LUV	37.974, -24.526, -42.848
Hunter-Lab	31.739, -6.044, -26.175
Binary	00000100, 01011111, 10001011

#045f8b
```
#045f8b rgb(4,95,139)
```
#8b3004
```
#8b3004 rgb(139,48,4)
```

Complementary Color

#048b74
```
#048b74 rgb(4,139,116)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#041b8b
```
#041b8b rgb(4,27,139)
```

Analogous Color

#8b7404
```
#8b7404 rgb(139,116,4)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#8b041c
```
#8b041c rgb(139,4,28)
```

Split Complementary Color

#5f8b04
```
#5f8b04 rgb(95,139,4)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#8b045f
```
#8b045f rgb(139,4,95)
```

Triadic Color

#048b30
```
#048b30 rgb(4,139,48)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#8b045f
```
#8b045f rgb(139,4,95)
```
#8b3004
```
#8b3004 rgb(139,48,4)
```

Tetradic Color

#022c41
```
#022c41 rgb(2,44,65)
```
#033d59
```
#033d59 rgb(3,61,89)
```
#034e72
```
#034e72 rgb(3,78,114)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#0570a4
```
#0570a4 rgb(5,112,164)
```
#0581bd
```
#0581bd rgb(5,129,189)
```
#0692d5
```
#0692d5 rgb(6,146,213)
```

Monochromatic Color

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

#04818b
```
#04818b rgb(4,129,139)
```
#04768b
```
#04768b rgb(4,118,139)
```
#046a8b
```
#046a8b rgb(4,106,139)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#04548b
```
#04548b rgb(4,84,139)
```
#04498b
```
#04498b rgb(4,73,139)
```
#043d8b
```
#043d8b rgb(4,61,139)
```

Similar Colors

Text with hexadecimal color #045f8b

This text has a font color of #045f8b.

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

#045f8b background color

This paragraph has a background color of #045f8b.

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

#045f8b border color

This element has a border color of #045f8b.

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

CSS codes

.text {color:#045f8b;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011119
```
#011119 rgb(1,17,25)
```
#011e2c
```
#011e2c rgb(1,30,44)
```
#022b3f
```
#022b3f rgb(2,43,63)
```
#023852
```
#023852 rgb(2,56,82)
```
#034565
```
#034565 rgb(3,69,101)
```
#035278
```
#035278 rgb(3,82,120)
```
#045f8b
```
#045f8b rgb(4,95,139)
```
#056c9e
```
#056c9e rgb(5,108,158)
```
#0579b1
```
#0579b1 rgb(5,121,177)
```
#0686c4
```
#0686c4 rgb(6,134,196)
```
#0693d7
```
#0693d7 rgb(6,147,215)
```
#07a0ea
```
#07a0ea rgb(7,160,234)
```

Shade Color Variation

#0dabf8
```
#0dabf8 rgb(13,171,248)
```
#20b2f9
```
#20b2f9 rgb(32,178,249)
```
#33b8f9
```
#33b8f9 rgb(51,184,249)
```
#46bffa
```
#46bffa rgb(70,191,250)
```
#59c6fa
```
#59c6fa rgb(89,198,250)
```
#6cccfb
```
#6cccfb rgb(108,204,251)
```
#7fd3fb
```
#7fd3fb rgb(127,211,251)
```
#92d9fc
```
#92d9fc rgb(146,217,252)
```
#a5e0fc
```
#a5e0fc rgb(165,224,252)
```
#b8e7fd
```
#b8e7fd rgb(184,231,253)
```
#cbedfe
```
#cbedfe rgb(203,237,254)
```
#def4fe
```
#def4fe rgb(222,244,254)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#464849
```
#464849 rgb(70,72,73)
```
#414a4f
```
#414a4f rgb(65,74,79)
```
#3b4c54
```
#3b4c54 rgb(59,76,84)
```
#364e5a
```
#364e5a rgb(54,78,90)
```
#30505f
```
#30505f rgb(48,80,95)
```
#2b5265
```
#2b5265 rgb(43,82,101)
```
#25546a
```
#25546a rgb(37,84,106)
```
#205570
```
#205570 rgb(32,85,112)
```
#1a5775
```
#1a5775 rgb(26,87,117)
```
#15597b
```
#15597b rgb(21,89,123)
```
#0f5b80
```
#0f5b80 rgb(15,91,128)
```
#0a5d86
```
#0a5d86 rgb(10,93,134)
```
#045f8b
```
#045f8b rgb(4,95,139)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52608b Protanopia 1% of men
#456293 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#355f8b Protanomaly 1% of men, 0.01% of women
#2d6090 Deuteranomaly 6% of men, 0.4% of women
#01677b Tritanomaly 0.01% of the population

#045f8b hex color

#045f8b Color Information

#045f8b Color Conversion

Color Schemes with #045f8b

Alternatives to #045f8b

#045f8b Preview

Shades and Tints of #045f8b

Tones of #045f8b

Color Blindness Simulator