#045c93 hex color

In a RGB color space, hex #045c93 is composed of 1.6% red, 36.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 37.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 203.1 degrees, a saturation of 94.7% and a lightness of 29.6%. #045c93 color hex could be obtained by blending #08b8ff with #000027. Closest websafe color is: #006699.

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

● #045c93 color description : Dark blue.

The hexadecimal color #045c93 has RGB values of R:4, G:92, B:147 and CMYK values of C:0.97, M:0.37, Y:0, K:0.42. Its decimal value is 285843.

Hex triplet	045c93	`#045c93`
RGB Decimal	4, 92, 147	`rgb(4,92,147)`
RGB Percent	1.6, 36.1, 57.6	`rgb(1.6%,36.1%,57.6%)`
CMYK	97, 37, 0, 42
HSL	203.1°, 94.7, 29.6	`hsl(203.1,94.7%,29.6%)`
HSV (or HSB)	203.1°, 97.3, 57.6
Web Safe	006699	`#006699`

CIE-LAB	37.455, -1.318, -36.529
XYZ	9.142, 9.786, 29.009
xyY	0.191, 0.204, 9.786
CIE-LCH	37.455, 36.553, 267.933
CIE-LUV	37.455, -23.042, -51.533
Hunter-Lab	31.282, -2.577, -33.084
Binary	00000100, 01011100, 10010011

#045c93
```
#045c93 rgb(4,92,147)
```
#933b04
```
#933b04 rgb(147,59,4)
```

Complementary Color

#049383
```
#049383 rgb(4,147,131)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#041593
```
#041593 rgb(4,21,147)
```

Analogous Color

#938304
```
#938304 rgb(147,131,4)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#930414
```
#930414 rgb(147,4,20)
```

Split Complementary Color

#5c9304
```
#5c9304 rgb(92,147,4)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#93045c
```
#93045c rgb(147,4,92)
```

Triadic Color

#04933b
```
#04933b rgb(4,147,59)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#93045c
```
#93045c rgb(147,4,92)
```
#933b04
```
#933b04 rgb(147,59,4)
```

Tetradic Color

#022d49
```
#022d49 rgb(2,45,73)
```
#033d61
```
#033d61 rgb(3,61,97)
```
#034c7a
```
#034c7a rgb(3,76,122)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#056cac
```
#056cac rgb(5,108,172)
```
#057bc5
```
#057bc5 rgb(5,123,197)
```
#068bdd
```
#068bdd rgb(6,139,221)
```

Monochromatic Color

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

#048093
```
#048093 rgb(4,128,147)
```
#047493
```
#047493 rgb(4,116,147)
```
#046893
```
#046893 rgb(4,104,147)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#045093
```
#045093 rgb(4,80,147)
```
#044493
```
#044493 rgb(4,68,147)
```
#043893
```
#043893 rgb(4,56,147)
```

Similar Colors

Text with hexadecimal color #045c93

This text has a font color of #045c93.

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

#045c93 background color

This paragraph has a background color of #045c93.

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

#045c93 border color

This element has a border color of #045c93.

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

CSS codes

.text {color:#045c93;}

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

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

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, #00080d is the darkest color, while #f9fdff is the lightest one.

#00080d
```
#00080d rgb(0,8,13)
```
#011420
```
#011420 rgb(1,20,32)
```
#012034
```
#012034 rgb(1,32,52)
```
#022c47
```
#022c47 rgb(2,44,71)
```
#02385a
```
#02385a rgb(2,56,90)
```
#03446d
```
#03446d rgb(3,68,109)
```
#035080
```
#035080 rgb(3,80,128)
```
#045c93
```
#045c93 rgb(4,92,147)
```
#0568a6
```
#0568a6 rgb(5,104,166)
```
#0574b9
```
#0574b9 rgb(5,116,185)
```
#0680cc
```
#0680cc rgb(6,128,204)
```
#068cdf
```
#068cdf rgb(6,140,223)
```
#0798f2
```
#0798f2 rgb(7,152,242)
```

Shade Color Variation

#14a1f9
```
#14a1f9 rgb(20,161,249)
```
#27a8f9
```
#27a8f9 rgb(39,168,249)
```
#3ab0fa
```
#3ab0fa rgb(58,176,250)
```
#4db8fa
```
#4db8fa rgb(77,184,250)
```
#60bffb
```
#60bffb rgb(96,191,251)
```
#74c7fb
```
#74c7fb rgb(116,199,251)
```
#87cffc
```
#87cffc rgb(135,207,252)
```
#9ad6fc
```
#9ad6fc rgb(154,214,252)
```
#addefd
```
#addefd rgb(173,222,253)
```
#c0e6fd
```
#c0e6fd rgb(192,230,253)
```
#d3edfe
```
#d3edfe rgb(211,237,254)
```
#e6f5fe
```
#e6f5fe rgb(230,245,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#4a4c4d
```
#4a4c4d rgb(74,76,77)
```
#444d53
```
#444d53 rgb(68,77,83)
```
#3e4f59
```
#3e4f59 rgb(62,79,89)
```
#38505f
```
#38505f rgb(56,80,95)
```
#325165
```
#325165 rgb(50,81,101)
```
#2d536a
```
#2d536a rgb(45,83,106)
```
#275470
```
#275470 rgb(39,84,112)
```
#215576
```
#215576 rgb(33,85,118)
```
#1b577c
```
#1b577c rgb(27,87,124)
```
#155882
```
#155882 rgb(21,88,130)
```
#105987
```
#105987 rgb(16,89,135)
```
#0a5b8d
```
#0a5b8d rgb(10,91,141)
```
#045c93
```
#045c93 rgb(4,92,147)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3a4c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5f94 Protanopia 1% of men
#366199 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#305d93 Protanomaly 1% of men, 0.01% of women
#235f97 Deuteranomaly 6% of men, 0.4% of women
#01657d Tritanomaly 0.01% of the population

#045c93 hex color

#045c93 Color Information

#045c93 Color Conversion

Color Schemes with #045c93

Alternatives to #045c93

#045c93 Preview

Shades and Tints of #045c93

Tones of #045c93

Color Blindness Simulator