#40578f hex color

In a RGB color space, hex #40578f is composed of 25.1% red, 34.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 39.2% magenta, 0% yellow and 43.9% black. It has a hue angle of 222.5 degrees, a saturation of 38.2% and a lightness of 40.6%. #40578f color hex could be obtained by blending #80aeff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 34
- B 56
RGB color chart
- C 55
- M 39
- Y 0
- K 44
CMYK color chart

● #40578f color description : Dark moderate blue.

The hexadecimal color #40578f has RGB values of R:64, G:87, B:143 and CMYK values of C:0.55, M:0.39, Y:0, K:0.44. Its decimal value is 4216719.

Hex triplet	40578f	`#40578f`
RGB Decimal	64, 87, 143	`rgb(64,87,143)`
RGB Percent	25.1, 34.1, 56.1	`rgb(25.1%,34.1%,56.1%)`
CMYK	55, 39, 0, 44
HSL	222.5°, 38.2, 40.6	`hsl(222.5,38.2%,40.6%)`
HSV (or HSB)	222.5°, 55.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	37.643, 8.538, -33.691
XYZ	10.479, 9.889, 27.342
xyY	0.22, 0.207, 9.889
CIE-LCH	37.643, 34.756, 284.221
CIE-LUV	37.643, -11.643, -48.344
Hunter-Lab	31.447, 4.452, -29.537
Binary	01000000, 01010111, 10001111

#40578f
```
#40578f rgb(64,87,143)
```
#8f7840
```
#8f7840 rgb(143,120,64)
```

Complementary Color

#407f8f
```
#407f8f rgb(64,127,143)
```
#40578f
```
#40578f rgb(64,87,143)
```
#50408f
```
#50408f rgb(80,64,143)
```

Analogous Color

#7f8f40
```
#7f8f40 rgb(127,143,64)
```
#40578f
```
#40578f rgb(64,87,143)
```
#8f5140
```
#8f5140 rgb(143,81,64)
```

Split Complementary Color

#578f40
```
#578f40 rgb(87,143,64)
```
#40578f
```
#40578f rgb(64,87,143)
```
#8f4057
```
#8f4057 rgb(143,64,87)
```

Triadic Color

#408f78
```
#408f78 rgb(64,143,120)
```
#40578f
```
#40578f rgb(64,87,143)
```
#8f4057
```
#8f4057 rgb(143,64,87)
```
#8f7840
```
#8f7840 rgb(143,120,64)
```

Tetradic Color

#28375a
```
#28375a rgb(40,55,90)
```
#30426c
```
#30426c rgb(48,66,108)
```
#384c7d
```
#384c7d rgb(56,76,125)
```
#40578f
```
#40578f rgb(64,87,143)
```
#4862a1
```
#4862a1 rgb(72,98,161)
```
#516db1
```
#516db1 rgb(81,109,177)
```
#637cb9
```
#637cb9 rgb(99,124,185)
```

Monochromatic Color

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

#406b8f
```
#406b8f rgb(64,107,143)
```
#40648f
```
#40648f rgb(64,100,143)
```
#405e8f
```
#405e8f rgb(64,94,143)
```
#40578f
```
#40578f rgb(64,87,143)
```
#40508f
```
#40508f rgb(64,80,143)
```
#404a8f
```
#404a8f rgb(64,74,143)
```
#40438f
```
#40438f rgb(64,67,143)
```

Similar Colors

Text with hexadecimal color #40578f

This text has a font color of #40578f.

<span style="color:#40578f;">Text here</span>

#40578f background color

This paragraph has a background color of #40578f.

<p style="background-color:#40578f;">Content here</p>

#40578f border color

This element has a border color of #40578f.

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

CSS codes

.text {color:#40578f;}

.background {background-color:#40578f;}

.border {border:1px solid #40578f;}

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

#030507
```
#030507 rgb(3,5,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1523
```
#0f1523 rgb(15,21,35)
```
#161d30
```
#161d30 rgb(22,29,48)
```
#1c263e
```
#1c263e rgb(28,38,62)
```
#222e4b
```
#222e4b rgb(34,46,75)
```
#283659
```
#283659 rgb(40,54,89)
```
#2e3e66
```
#2e3e66 rgb(46,62,102)
```
#344774
```
#344774 rgb(52,71,116)
```
#3a4f81
```
#3a4f81 rgb(58,79,129)
```
#40578f
```
#40578f rgb(64,87,143)
```
#465f9d
```
#465f9d rgb(70,95,157)
```
#4c67aa
```
#4c67aa rgb(76,103,170)
```

Shade Color Variation

#5671b4
```
#5671b4 rgb(86,113,180)
```
#647dba
```
#647dba rgb(100,125,186)
```
#7188c0
```
#7188c0 rgb(113,136,192)
```
#7f94c6
```
#7f94c6 rgb(127,148,198)
```
#8d9fcc
```
#8d9fcc rgb(141,159,204)
```
#9aaad2
```
#9aaad2 rgb(154,170,210)
```
#a8b6d8
```
#a8b6d8 rgb(168,182,216)
```
#b5c1de
```
#b5c1de rgb(181,193,222)
```
#c3cce4
```
#c3cce4 rgb(195,204,228)
```
#d0d8ea
```
#d0d8ea rgb(208,216,234)
```
#dee3f0
```
#dee3f0 rgb(222,227,240)
```
#ebeff6
```
#ebeff6 rgb(235,239,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60646f is the less saturated color, while #003ccf is the most saturated one.

#60646f
```
#60646f rgb(96,100,111)
```
#586177
```
#586177 rgb(88,97,119)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#485a87
```
#485a87 rgb(72,90,135)
```
#40578f
```
#40578f rgb(64,87,143)
```
#385497
```
#385497 rgb(56,84,151)
```
#30509f
```
#30509f rgb(48,80,159)
```
#284da7
```
#284da7 rgb(40,77,167)
```
#204aaf
```
#204aaf rgb(32,74,175)
```
#1846b7
```
#1846b7 rgb(24,70,183)
```
#1043bf
```
#1043bf rgb(16,67,191)
```
#0840c7
```
#0840c7 rgb(8,64,199)
```
#003ccf
```
#003ccf rgb(0,60,207)
```

Tone Color Variation

Below, you can see how #40578f 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

#575757 Achromatopsia 0.005% of the population
#525762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5f94 Protanopia 1% of men
#416194 Deuteranopia 1% of men
#38686f Tritanopia 0.001% of the population

Trichromacy

#475c92 Protanomaly 1% of men, 0.01% of women
#415d92 Deuteranomaly 6% of men, 0.4% of women
#3b617b Tritanomaly 0.01% of the population

#40578f hex color

#40578f Color Information

#40578f Color Conversion

Color Schemes with #40578f

Alternatives to #40578f

#40578f Preview

Shades and Tints of #40578f

Tones of #40578f

Color Blindness Simulator