#405a7d hex color

In a RGB color space, hex #405a7d is composed of 25.1% red, 35.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 28% magenta, 0% yellow and 51% black. It has a hue angle of 214.4 degrees, a saturation of 32.3% and a lightness of 37.1%. #405a7d color hex could be obtained by blending #80b4fa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 35
- B 49
RGB color chart
- C 49
- M 28
- Y 0
- K 51
CMYK color chart

● #405a7d color description : Dark moderate blue.

The hexadecimal color #405a7d has RGB values of R:64, G:90, B:125 and CMYK values of C:0.49, M:0.28, Y:0, K:0.51. Its decimal value is 4217469.

Hex triplet	405a7d	`#405a7d`
RGB Decimal	64, 90, 125	`rgb(64,90,125)`
RGB Percent	25.1, 35.3, 49	`rgb(25.1%,35.3%,49%)`
CMYK	49, 28, 0, 51
HSL	214.4°, 32.3, 37.1	`hsl(214.4,32.3%,37.1%)`
HSV (or HSB)	214.4°, 48.8, 49
Web Safe	336666	`#336666`

CIE-LAB	37.631, 0.64, -22.736
XYZ	9.471, 9.883, 20.809
xyY	0.236, 0.246, 9.883
CIE-LCH	37.631, 22.745, 271.614
CIE-LUV	37.631, -12.593, -31.457
Hunter-Lab	31.437, -1.235, -17.241
Binary	01000000, 01011010, 01111101

#405a7d
```
#405a7d rgb(64,90,125)
```
#7d6340
```
#7d6340 rgb(125,99,64)
```

Complementary Color

#40797d
```
#40797d rgb(64,121,125)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#45407d
```
#45407d rgb(69,64,125)
```

Analogous Color

#797d40
```
#797d40 rgb(121,125,64)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#7d4540
```
#7d4540 rgb(125,69,64)
```

Split Complementary Color

#5a7d40
```
#5a7d40 rgb(90,125,64)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#7d405a
```
#7d405a rgb(125,64,90)
```

Triadic Color

#407d63
```
#407d63 rgb(64,125,99)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#7d405a
```
#7d405a rgb(125,64,90)
```
#7d6340
```
#7d6340 rgb(125,99,64)
```

Tetradic Color

#26364a
```
#26364a rgb(38,54,74)
```
#2f425b
```
#2f425b rgb(47,66,91)
```
#374e6c
```
#374e6c rgb(55,78,108)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#49668e
```
#49668e rgb(73,102,142)
```
#51729f
```
#51729f rgb(81,114,159)
```
#5d7fac
```
#5d7fac rgb(93,127,172)
```

Monochromatic Color

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

#40697d
```
#40697d rgb(64,105,125)
```
#40647d
```
#40647d rgb(64,100,125)
```
#405f7d
```
#405f7d rgb(64,95,125)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#40557d
```
#40557d rgb(64,85,125)
```
#40507d
```
#40507d rgb(64,80,125)
```
#404b7d
```
#404b7d rgb(64,75,125)
```

Similar Colors

Text with hexadecimal color #405a7d

This text has a font color of #405a7d.

<span style="color:#405a7d;">Text here</span>

#405a7d background color

This paragraph has a background color of #405a7d.

<p style="background-color:#405a7d;">Content here</p>

#405a7d border color

This element has a border color of #405a7d.

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

CSS codes

.text {color:#405a7d;}

.background {background-color:#405a7d;}

.border {border:1px solid #405a7d;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0b0f15
```
#0b0f15 rgb(11,15,21)
```
#121922
```
#121922 rgb(18,25,34)
```
#18222f
```
#18222f rgb(24,34,47)
```
#1f2b3c
```
#1f2b3c rgb(31,43,60)
```
#253549
```
#253549 rgb(37,53,73)
```
#2c3e56
```
#2c3e56 rgb(44,62,86)
```
#334763
```
#334763 rgb(51,71,99)
```
#395170
```
#395170 rgb(57,81,112)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#47638a
```
#47638a rgb(71,99,138)
```
#4d6d97
```
#4d6d97 rgb(77,109,151)
```
#5476a4
```
#5476a4 rgb(84,118,164)
```

Shade Color Variation

#5f80ad
```
#5f80ad rgb(95,128,173)
```
#6c8ab4
```
#6c8ab4 rgb(108,138,180)
```
#7995ba
```
#7995ba rgb(121,149,186)
```
#869fc1
```
#869fc1 rgb(134,159,193)
```
#92a9c7
```
#92a9c7 rgb(146,169,199)
```
#9fb3ce
```
#9fb3ce rgb(159,179,206)
```
#acbed5
```
#acbed5 rgb(172,190,213)
```
#b9c8db
```
#b9c8db rgb(185,200,219)
```
#c6d2e2
```
#c6d2e2 rgb(198,210,226)
```
#d3dce9
```
#d3dce9 rgb(211,220,233)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5e60 is the less saturated color, while #0651b7 is the most saturated one.

#5d5e60
```
#5d5e60 rgb(93,94,96)
```
#565d67
```
#565d67 rgb(86,93,103)
```
#4f5c6e
```
#4f5c6e rgb(79,92,110)
```
#475b76
```
#475b76 rgb(71,91,118)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#395984
```
#395984 rgb(57,89,132)
```
#31588c
```
#31588c rgb(49,88,140)
```
#2a5793
```
#2a5793 rgb(42,87,147)
```
#23569a
```
#23569a rgb(35,86,154)
```
#1c55a1
```
#1c55a1 rgb(28,85,161)
```
#1454a9
```
#1454a9 rgb(20,84,169)
```
#0d52b0
```
#0d52b0 rgb(13,82,176)
```
#0651b7
```
#0651b7 rgb(6,81,183)
```

Tone Color Variation

Below, you can see how #405a7d 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

#565656 Achromatopsia 0.005% of the population
#52575e Atypical Achromatopsia 0.001% of the population

Dichromacy

#566082 Protanopia 1% of men
#536084 Deuteranopia 1% of men
#41666e Tritanopia 0.001% of the population

Trichromacy

#4e5d80 Protanomaly 1% of men, 0.01% of women
#4c5e81 Deuteranomaly 6% of men, 0.4% of women
#416273 Tritanomaly 0.01% of the population

#405a7d hex color

#405a7d Color Information

#405a7d Color Conversion

Color Schemes with #405a7d

Alternatives to #405a7d

#405a7d Preview

Shades and Tints of #405a7d

Tones of #405a7d

Color Blindness Simulator