#40558f hex color

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

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

● #40558f color description : Dark moderate blue.

The hexadecimal color #40558f has RGB values of R:64, G:85, B:143 and CMYK values of C:0.55, M:0.41, Y:0, K:0.44. Its decimal value is 4216207.

Hex triplet	40558f	`#40558f`
RGB Decimal	64, 85, 143	`rgb(64,85,143)`
RGB Percent	25.1, 33.3, 56.1	`rgb(25.1%,33.3%,56.1%)`
CMYK	55, 41, 0, 44
HSL	224.1°, 38.2, 40.6	`hsl(224.1,38.2%,40.6%)`
HSV (or HSB)	224.1°, 55.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	37.059, 9.83, -34.616
XYZ	10.32, 9.57, 27.288
xyY	0.219, 0.203, 9.57
CIE-LCH	37.059, 35.985, 285.854
CIE-LUV	37.059, -10.95, -49.609
Hunter-Lab	30.935, 5.411, -30.647
Binary	01000000, 01010101, 10001111

#40558f
```
#40558f rgb(64,85,143)
```
#8f7a40
```
#8f7a40 rgb(143,122,64)
```

Complementary Color

#407d8f
```
#407d8f rgb(64,125,143)
```
#40558f
```
#40558f rgb(64,85,143)
```
#53408f
```
#53408f rgb(83,64,143)
```

Analogous Color

#7d8f40
```
#7d8f40 rgb(125,143,64)
```
#40558f
```
#40558f rgb(64,85,143)
```
#8f5340
```
#8f5340 rgb(143,83,64)
```

Split Complementary Color

#558f40
```
#558f40 rgb(85,143,64)
```
#40558f
```
#40558f rgb(64,85,143)
```
#8f4055
```
#8f4055 rgb(143,64,85)
```

Triadic Color

#408f7a
```
#408f7a rgb(64,143,122)
```
#40558f
```
#40558f rgb(64,85,143)
```
#8f4055
```
#8f4055 rgb(143,64,85)
```
#8f7a40
```
#8f7a40 rgb(143,122,64)
```

Tetradic Color

#28365a
```
#28365a rgb(40,54,90)
```
#30406c
```
#30406c rgb(48,64,108)
```
#384b7d
```
#384b7d rgb(56,75,125)
```
#40558f
```
#40558f rgb(64,85,143)
```
#485fa1
```
#485fa1 rgb(72,95,161)
```
#516ab1
```
#516ab1 rgb(81,106,177)
```
#637ab9
```
#637ab9 rgb(99,122,185)
```

Monochromatic Color

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

#40698f
```
#40698f rgb(64,105,143)
```
#40628f
```
#40628f rgb(64,98,143)
```
#405c8f
```
#405c8f rgb(64,92,143)
```
#40558f
```
#40558f rgb(64,85,143)
```
#404e8f
```
#404e8f rgb(64,78,143)
```
#40488f
```
#40488f rgb(64,72,143)
```
#40418f
```
#40418f rgb(64,65,143)
```

Similar Colors

Text with hexadecimal color #40558f

This text has a font color of #40558f.

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

#40558f background color

This paragraph has a background color of #40558f.

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

#40558f border color

This element has a border color of #40558f.

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

CSS codes

.text {color:#40558f;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1523
```
#0f1523 rgb(15,21,35)
```
#161d30
```
#161d30 rgb(22,29,48)
```
#1c253e
```
#1c253e rgb(28,37,62)
```
#222d4b
```
#222d4b rgb(34,45,75)
```
#283559
```
#283559 rgb(40,53,89)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#344574
```
#344574 rgb(52,69,116)
```
#3a4d81
```
#3a4d81 rgb(58,77,129)
```
#40558f
```
#40558f rgb(64,85,143)
```
#465d9d
```
#465d9d rgb(70,93,157)
```
#4c65aa
```
#4c65aa rgb(76,101,170)
```

Shade Color Variation

#566fb4
```
#566fb4 rgb(86,111,180)
```
#647bba
```
#647bba rgb(100,123,186)
```
#7186c0
```
#7186c0 rgb(113,134,192)
```
#7f92c6
```
#7f92c6 rgb(127,146,198)
```
#8d9dcc
```
#8d9dcc rgb(141,157,204)
```
#9aa9d2
```
#9aa9d2 rgb(154,169,210)
```
#a8b4d8
```
#a8b4d8 rgb(168,180,216)
```
#b5c0de
```
#b5c0de rgb(181,192,222)
```
#c3cce4
```
#c3cce4 rgb(195,204,228)
```
#d0d7ea
```
#d0d7ea rgb(208,215,234)
```
#dee3f0
```
#dee3f0 rgb(222,227,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,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 #0037cf is the most saturated one.

#60646f
```
#60646f rgb(96,100,111)
```
#586077
```
#586077 rgb(88,96,119)
```
#505c7f
```
#505c7f rgb(80,92,127)
```
#485987
```
#485987 rgb(72,89,135)
```
#40558f
```
#40558f rgb(64,85,143)
```
#385197
```
#385197 rgb(56,81,151)
```
#304e9f
```
#304e9f rgb(48,78,159)
```
#284aa7
```
#284aa7 rgb(40,74,167)
```
#2046af
```
#2046af rgb(32,70,175)
```
#1842b7
```
#1842b7 rgb(24,66,183)
```
#103fbf
```
#103fbf rgb(16,63,191)
```
#083bc7
```
#083bc7 rgb(8,59,199)
```
#0037cf
```
#0037cf rgb(0,55,207)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#515561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485e95 Protanopia 1% of men
#3e6093 Deuteranopia 1% of men
#38666e Tritanopia 0.001% of the population

Trichromacy

#455a92 Protanomaly 1% of men, 0.01% of women
#3e5c92 Deuteranomaly 6% of men, 0.4% of women
#3a607a Tritanomaly 0.01% of the population

#40558f hex color

#40558f Color Information

#40558f Color Conversion

Color Schemes with #40558f

Alternatives to #40558f

#40558f Preview

Shades and Tints of #40558f

Tones of #40558f

Color Blindness Simulator