#045d9f hex color

In a RGB color space, hex #045d9f is composed of 1.6% red, 36.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 41.5% magenta, 0% yellow and 37.6% black. It has a hue angle of 205.5 degrees, a saturation of 95.1% and a lightness of 32%. #045d9f color hex could be obtained by blending #08baff with #00003f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 36
- B 62
RGB color chart
- C 97
- M 42
- Y 0
- K 38
CMYK color chart

● #045d9f color description : Dark blue.

The hexadecimal color #045d9f has RGB values of R:4, G:93, B:159 and CMYK values of C:0.97, M:0.42, Y:0, K:0.38. Its decimal value is 286111.

Hex triplet	045d9f	`#045d9f`
RGB Decimal	4, 93, 159	`rgb(4,93,159)`
RGB Percent	1.6, 36.5, 62.4	`rgb(1.6%,36.5%,62.4%)`
CMYK	97, 42, 0, 38
HSL	205.5°, 95.1, 32	`hsl(205.5,95.1%,32%)`
HSV (or HSB)	205.5°, 97.5, 62.4
Web Safe	006699	`#006699`

CIE-LAB	38.475, 2.961, -42.108
XYZ	10.221, 10.357, 34.259
xyY	0.186, 0.189, 10.357
CIE-LCH	38.475, 42.212, 274.023
CIE-LUV	38.475, -22.752, -60.516
Hunter-Lab	32.182, 0.373, -40.59
Binary	00000100, 01011101, 10011111

#045d9f
```
#045d9f rgb(4,93,159)
```
#9f4604
```
#9f4604 rgb(159,70,4)
```

Complementary Color

#049f94
```
#049f94 rgb(4,159,148)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#04109f
```
#04109f rgb(4,16,159)
```

Analogous Color

#9f9404
```
#9f9404 rgb(159,148,4)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#9f0410
```
#9f0410 rgb(159,4,16)
```

Split Complementary Color

#5d9f04
```
#5d9f04 rgb(93,159,4)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#9f045d
```
#9f045d rgb(159,4,93)
```

Triadic Color

#049f46
```
#049f46 rgb(4,159,70)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#9f045d
```
#9f045d rgb(159,4,93)
```
#9f4604
```
#9f4604 rgb(159,70,4)
```

Tetradic Color

#023154
```
#023154 rgb(2,49,84)
```
#03406d
```
#03406d rgb(3,64,109)
```
#034e86
```
#034e86 rgb(3,78,134)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#056cb8
```
#056cb8 rgb(5,108,184)
```
#057ad1
```
#057ad1 rgb(5,122,209)
```
#0689ea
```
#0689ea rgb(6,137,234)
```

Monochromatic Color

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

#04849f
```
#04849f rgb(4,132,159)
```
#04779f
```
#04779f rgb(4,119,159)
```
#046a9f
```
#046a9f rgb(4,106,159)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#04509f
```
#04509f rgb(4,80,159)
```
#04439f
```
#04439f rgb(4,67,159)
```
#04369f
```
#04369f rgb(4,54,159)
```

Similar Colors

Text with hexadecimal color #045d9f

This text has a font color of #045d9f.

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

#045d9f background color

This paragraph has a background color of #045d9f.

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

#045d9f border color

This element has a border color of #045d9f.

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

CSS codes

.text {color:#045d9f;}

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

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

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)
```
#010f19
```
#010f19 rgb(1,15,25)
```
#011a2c
```
#011a2c rgb(1,26,44)
```
#02253f
```
#02253f rgb(2,37,63)
```
#023052
```
#023052 rgb(2,48,82)
```
#033b66
```
#033b66 rgb(3,59,102)
```
#034779
```
#034779 rgb(3,71,121)
```
#04528c
```
#04528c rgb(4,82,140)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#0468b2
```
#0468b2 rgb(4,104,178)
```
#0573c5
```
#0573c5 rgb(5,115,197)
```
#057fd8
```
#057fd8 rgb(5,127,216)
```
#068aec
```
#068aec rgb(6,138,236)
```

Shade Color Variation

#0c94f9
```
#0c94f9 rgb(12,148,249)
```
#1f9df9
```
#1f9df9 rgb(31,157,249)
```
#32a5fa
```
#32a5fa rgb(50,165,250)
```
#46adfa
```
#46adfa rgb(70,173,250)
```
#59b6fb
```
#59b6fb rgb(89,182,251)
```
#6cbefb
```
#6cbefb rgb(108,190,251)
```
#7fc7fc
```
#7fc7fc rgb(127,199,252)
```
#92cffc
```
#92cffc rgb(146,207,252)
```
#a5d7fd
```
#a5d7fd rgb(165,215,253)
```
#b8e0fd
```
#b8e0fd rgb(184,224,253)
```
#cce8fe
```
#cce8fe rgb(204,232,254)
```
#dff1fe
```
#dff1fe rgb(223,241,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#4f5254
```
#4f5254 rgb(79,82,84)
```
#49535a
```
#49535a rgb(73,83,90)
```
#435460
```
#435460 rgb(67,84,96)
```
#3c5567
```
#3c5567 rgb(60,85,103)
```
#36566d
```
#36566d rgb(54,86,109)
```
#305673
```
#305673 rgb(48,86,115)
```
#2a5779
```
#2a5779 rgb(42,87,121)
```
#235880
```
#235880 rgb(35,88,128)
```
#1d5986
```
#1d5986 rgb(29,89,134)
```
#175a8c
```
#175a8c rgb(23,90,140)
```
#115b92
```
#115b92 rgb(17,91,146)
```
#0a5c99
```
#0a5c99 rgb(10,92,153)
```
#045d9f
```
#045d9f rgb(4,93,159)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3c4e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4561a0 Protanopia 1% of men
#2464a4 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2d5f9f Protanomaly 1% of men, 0.01% of women
#1861a2 Deuteranomaly 6% of men, 0.4% of women
#016783 Tritanomaly 0.01% of the population

#045d9f hex color

#045d9f Color Information

#045d9f Color Conversion

Color Schemes with #045d9f

Alternatives to #045d9f

#045d9f Preview

Shades and Tints of #045d9f

Tones of #045d9f

Color Blindness Simulator