#45578c hex color

In a RGB color space, hex #45578c is composed of 27.1% red, 34.1% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 37.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 224.8 degrees, a saturation of 34% and a lightness of 41%. #45578c color hex could be obtained by blending #8aaeff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 34
- B 55
RGB color chart
- C 51
- M 38
- Y 0
- K 45
CMYK color chart

● #45578c color description : Dark moderate blue.

The hexadecimal color #45578c has RGB values of R:69, G:87, B:140 and CMYK values of C:0.51, M:0.38, Y:0, K:0.45. Its decimal value is 4544396.

Hex triplet	45578c	`#45578c`
RGB Decimal	69, 87, 140	`rgb(69,87,140)`
RGB Percent	27.1, 34.1, 54.9	`rgb(27.1%,34.1%,54.9%)`
CMYK	51, 38, 0, 45
HSL	224.8°, 34, 41	`hsl(224.8,34%,41%)`
HSV (or HSB)	224.8°, 50.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	37.797, 8.752, -31.607
XYZ	10.595, 9.975, 26.177
xyY	0.227, 0.213, 9.975
CIE-LCH	37.797, 32.796, 285.477
CIE-LUV	37.797, -9.987, -45.362
Hunter-Lab	31.583, 4.612, -27.033
Binary	01000101, 01010111, 10001100

#45578c
```
#45578c rgb(69,87,140)
```
#8c7a45
```
#8c7a45 rgb(140,122,69)
```

Complementary Color

#457b8c
```
#457b8c rgb(69,123,140)
```
#45578c
```
#45578c rgb(69,87,140)
```
#57458c
```
#57458c rgb(87,69,140)
```

Analogous Color

#7b8c45
```
#7b8c45 rgb(123,140,69)
```
#45578c
```
#45578c rgb(69,87,140)
```
#8c5745
```
#8c5745 rgb(140,87,69)
```

Split Complementary Color

#578c45
```
#578c45 rgb(87,140,69)
```
#45578c
```
#45578c rgb(69,87,140)
```
#8c4557
```
#8c4557 rgb(140,69,87)
```

Triadic Color

#458c7a
```
#458c7a rgb(69,140,122)
```
#45578c
```
#45578c rgb(69,87,140)
```
#8c4557
```
#8c4557 rgb(140,69,87)
```
#8c7a45
```
#8c7a45 rgb(140,122,69)
```

Tetradic Color

#2c3759
```
#2c3759 rgb(44,55,89)
```
#34426a
```
#34426a rgb(52,66,106)
```
#3d4c7b
```
#3d4c7b rgb(61,76,123)
```
#45578c
```
#45578c rgb(69,87,140)
```
#4d629d
```
#4d629d rgb(77,98,157)
```
#586dac
```
#586dac rgb(88,109,172)
```
#697cb5
```
#697cb5 rgb(105,124,181)
```

Monochromatic Color

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

#45698c
```
#45698c rgb(69,105,140)
```
#45638c
```
#45638c rgb(69,99,140)
```
#455d8c
```
#455d8c rgb(69,93,140)
```
#45578c
```
#45578c rgb(69,87,140)
```
#45518c
```
#45518c rgb(69,81,140)
```
#454b8c
```
#454b8c rgb(69,75,140)
```
#45458c
```
#45458c rgb(69,69,140)
```

Similar Colors

Text with hexadecimal color #45578c

This text has a font color of #45578c.

<span style="color:#45578c;">Text here</span>

#45578c background color

This paragraph has a background color of #45578c.

<p style="background-color:#45578c;">Content here</p>

#45578c border color

This element has a border color of #45578c.

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

CSS codes

.text {color:#45578c;}

.background {background-color:#45578c;}

.border {border:1px solid #45578c;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0e16
```
#0b0e16 rgb(11,14,22)
```
#111623
```
#111623 rgb(17,22,35)
```
#181e30
```
#181e30 rgb(24,30,48)
```
#1e263d
```
#1e263d rgb(30,38,61)
```
#252e4a
```
#252e4a rgb(37,46,74)
```
#2b3657
```
#2b3657 rgb(43,54,87)
```
#323f65
```
#323f65 rgb(50,63,101)
```
#384772
```
#384772 rgb(56,71,114)
```
#3f4f7f
```
#3f4f7f rgb(63,79,127)
```
#45578c
```
#45578c rgb(69,87,140)
```
#4b5f99
```
#4b5f99 rgb(75,95,153)
```
#5267a6
```
#5267a6 rgb(82,103,166)
```

Shade Color Variation

#5d72af
```
#5d72af rgb(93,114,175)
```
#6a7db6
```
#6a7db6 rgb(106,125,182)
```
#7789bc
```
#7789bc rgb(119,137,188)
```
#8494c2
```
#8494c2 rgb(132,148,194)
```
#919fc9
```
#919fc9 rgb(145,159,201)
```
#9eabcf
```
#9eabcf rgb(158,171,207)
```
#acb6d6
```
#acb6d6 rgb(172,182,214)
```
#b9c2dc
```
#b9c2dc rgb(185,194,220)
```
#c6cde3
```
#c6cde3 rgb(198,205,227)
```
#d3d9e9
```
#d3d9e9 rgb(211,217,233)
```
#e0e4f0
```
#e0e4f0 rgb(224,228,240)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65676c is the less saturated color, while #0537cc is the most saturated one.

#65676c
```
#65676c rgb(101,103,108)
```
#5d6374
```
#5d6374 rgb(93,99,116)
```
#555f7c
```
#555f7c rgb(85,95,124)
```
#4d5b84
```
#4d5b84 rgb(77,91,132)
```
#45578c
```
#45578c rgb(69,87,140)
```
#3d5394
```
#3d5394 rgb(61,83,148)
```
#354f9c
```
#354f9c rgb(53,79,156)
```
#2d4ba4
```
#2d4ba4 rgb(45,75,164)
```
#2547ac
```
#2547ac rgb(37,71,172)
```
#1d43b4
```
#1d43b4 rgb(29,67,180)
```
#153fbc
```
#153fbc rgb(21,63,188)
```
#0d3bc4
```
#0d3bc4 rgb(13,59,196)
```
#0537cc
```
#0537cc rgb(5,55,204)
```

Tone Color Variation

Below, you can see how #45578c 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

#585858 Achromatopsia 0.005% of the population
#545862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5f92 Protanopia 1% of men
#466191 Deuteranopia 1% of men
#40676e Tritanopia 0.001% of the population

Trichromacy

#4a5c8f Protanomaly 1% of men, 0.01% of women
#465d8f Deuteranomaly 6% of men, 0.4% of women
#426179 Tritanomaly 0.01% of the population

#45578c hex color

#45578c Color Information

#45578c Color Conversion

Color Schemes with #45578c

Alternatives to #45578c

#45578c Preview

Shades and Tints of #45578c

Tones of #45578c

Color Blindness Simulator