#045f9b hex color

In a RGB color space, hex #045f9b is composed of 1.6% red, 37.3% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 38.7% magenta, 0% yellow and 39.2% black. It has a hue angle of 203.8 degrees, a saturation of 95% and a lightness of 31.2%. #045f9b color hex could be obtained by blending #08beff with #000037. Closest websafe color is: #006699.

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

● #045f9b color description : Dark blue.

The hexadecimal color #045f9b has RGB values of R:4, G:95, B:155 and CMYK values of C:0.97, M:0.39, Y:0, K:0.39. Its decimal value is 286619.

Hex triplet	045f9b	`#045f9b`
RGB Decimal	4, 95, 155	`rgb(4,95,155)`
RGB Percent	1.6, 37.3, 60.8	`rgb(1.6%,37.3%,60.8%)`
CMYK	97, 39, 0, 39
HSL	203.8°, 95, 31.2	`hsl(203.8,95%,31.2%)`
HSV (or HSB)	203.8°, 97.4, 60.8
Web Safe	006699	`#006699`

CIE-LAB	38.857, 0.041, -39.108
XYZ	10.057, 10.576, 32.52
xyY	0.189, 0.199, 10.576
CIE-LCH	38.857, 39.108, 270.06
CIE-LUV	38.857, -23.614, -55.994
Hunter-Lab	32.521, -1.708, -36.524
Binary	00000100, 01011111, 10011011

#045f9b
```
#045f9b rgb(4,95,155)
```
#9b4004
```
#9b4004 rgb(155,64,4)
```

Complementary Color

#049b8c
```
#049b8c rgb(4,155,140)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#04149b
```
#04149b rgb(4,20,155)
```

Analogous Color

#9b8c04
```
#9b8c04 rgb(155,140,4)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#9b0414
```
#9b0414 rgb(155,4,20)
```

Split Complementary Color

#5f9b04
```
#5f9b04 rgb(95,155,4)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#9b045f
```
#9b045f rgb(155,4,95)
```

Triadic Color

#049b40
```
#049b40 rgb(4,155,64)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#9b045f
```
#9b045f rgb(155,4,95)
```
#9b4004
```
#9b4004 rgb(155,64,4)
```

Tetradic Color

#023150
```
#023150 rgb(2,49,80)
```
#034169
```
#034169 rgb(3,65,105)
```
#035082
```
#035082 rgb(3,80,130)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#056eb4
```
#056eb4 rgb(5,110,180)
```
#057dcd
```
#057dcd rgb(5,125,205)
```
#068de6
```
#068de6 rgb(6,141,230)
```

Monochromatic Color

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

#04859b
```
#04859b rgb(4,133,155)
```
#04789b
```
#04789b rgb(4,120,155)
```
#046c9b
```
#046c9b rgb(4,108,155)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#04529b
```
#04529b rgb(4,82,155)
```
#04469b
```
#04469b rgb(4,70,155)
```
#04399b
```
#04399b rgb(4,57,155)
```

Similar Colors

Text with hexadecimal color #045f9b

This text has a font color of #045f9b.

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

#045f9b background color

This paragraph has a background color of #045f9b.

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

#045f9b border color

This element has a border color of #045f9b.

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

CSS codes

.text {color:#045f9b;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010d15
```
#010d15 rgb(1,13,21)
```
#011928
```
#011928 rgb(1,25,40)
```
#02243b
```
#02243b rgb(2,36,59)
```
#02304f
```
#02304f rgb(2,48,79)
```
#033c62
```
#033c62 rgb(3,60,98)
```
#034875
```
#034875 rgb(3,72,117)
```
#045388
```
#045388 rgb(4,83,136)
```
#045f9b
```
#045f9b rgb(4,95,155)
```
#046bae
```
#046bae rgb(4,107,174)
```
#0576c1
```
#0576c1 rgb(5,118,193)
```
#0582d4
```
#0582d4 rgb(5,130,212)
```
#068ee7
```
#068ee7 rgb(6,142,231)
```

Shade Color Variation

#0899f9
```
#0899f9 rgb(8,153,249)
```
#1ca1f9
```
#1ca1f9 rgb(28,161,249)
```
#2fa9fa
```
#2fa9fa rgb(47,169,250)
```
#42b1fa
```
#42b1fa rgb(66,177,250)
```
#55b9fb
```
#55b9fb rgb(85,185,251)
```
#68c1fb
```
#68c1fb rgb(104,193,251)
```
#7bc9fc
```
#7bc9fc rgb(123,201,252)
```
#8ed0fc
```
#8ed0fc rgb(142,208,252)
```
#a1d8fd
```
#a1d8fd rgb(161,216,253)
```
#b5e0fd
```
#b5e0fd rgb(181,224,253)
```
#c8e8fe
```
#c8e8fe rgb(200,232,254)
```
#dbf0fe
```
#dbf0fe rgb(219,240,254)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

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

#4d5052
```
#4d5052 rgb(77,80,82)
```
#475158
```
#475158 rgb(71,81,88)
```
#41525e
```
#41525e rgb(65,82,94)
```
#3b5464
```
#3b5464 rgb(59,84,100)
```
#35556a
```
#35556a rgb(53,85,106)
```
#2f5670
```
#2f5670 rgb(47,86,112)
```
#295776
```
#295776 rgb(41,87,118)
```
#23597c
```
#23597c rgb(35,89,124)
```
#1c5a83
```
#1c5a83 rgb(28,90,131)
```
#165b89
```
#165b89 rgb(22,91,137)
```
#105c8f
```
#105c8f rgb(16,92,143)
```
#0a5e95
```
#0a5e95 rgb(10,94,149)
```
#045f9b
```
#045f9b rgb(4,95,155)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a629b Protanopia 1% of men
#3264a1 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#31609b Protanomaly 1% of men, 0.01% of women
#21629f Deuteranomaly 6% of men, 0.4% of women
#016882 Tritanomaly 0.01% of the population

#045f9b hex color

#045f9b Color Information

#045f9b Color Conversion

Color Schemes with #045f9b

Alternatives to #045f9b

#045f9b Preview

Shades and Tints of #045f9b

Tones of #045f9b

Color Blindness Simulator