#405674 hex color

In a RGB color space, hex #405674 is composed of 25.1% red, 33.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 25.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 214.6 degrees, a saturation of 28.9% and a lightness of 35.3%. #405674 color hex could be obtained by blending #80ace8 with #000000. Closest websafe color is: #336666.

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

● #405674 color description : Mostly desaturated dark blue.

The hexadecimal color #405674 has RGB values of R:64, G:86, B:116 and CMYK values of C:0.45, M:0.26, Y:0, K:0.55. Its decimal value is 4216436.

Hex triplet	405674	`#405674`
RGB Decimal	64, 86, 116	`rgb(64,86,116)`
RGB Percent	25.1, 33.7, 45.5	`rgb(25.1%,33.7%,45.5%)`
CMYK	45, 26, 0, 55
HSL	214.6°, 28.9, 35.3	`hsl(214.6,28.9%,35.3%)`
HSV (or HSB)	214.6°, 44.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	35.996, 0.294, -19.725
XYZ	8.594, 9.006, 17.808
xyY	0.243, 0.254, 9.006
CIE-LCH	35.996, 19.727, 270.854
CIE-LUV	35.996, -10.97, -26.727
Hunter-Lab	30.01, -1.402, -14.174
Binary	01000000, 01010110, 01110100

#405674
```
#405674 rgb(64,86,116)
```
#745e40
```
#745e40 rgb(116,94,64)
```

Complementary Color

#407074
```
#407074 rgb(64,112,116)
```
#405674
```
#405674 rgb(64,86,116)
```
#444074
```
#444074 rgb(68,64,116)
```

Analogous Color

#707440
```
#707440 rgb(112,116,64)
```
#405674
```
#405674 rgb(64,86,116)
```
#744440
```
#744440 rgb(116,68,64)
```

Split Complementary Color

#567440
```
#567440 rgb(86,116,64)
```
#405674
```
#405674 rgb(64,86,116)
```
#744056
```
#744056 rgb(116,64,86)
```

Triadic Color

#40745e
```
#40745e rgb(64,116,94)
```
#405674
```
#405674 rgb(64,86,116)
```
#744056
```
#744056 rgb(116,64,86)
```
#745e40
```
#745e40 rgb(116,94,64)
```

Tetradic Color

#253143
```
#253143 rgb(37,49,67)
```
#2e3e53
```
#2e3e53 rgb(46,62,83)
```
#374a64
```
#374a64 rgb(55,74,100)
```
#405674
```
#405674 rgb(64,86,116)
```
#496284
```
#496284 rgb(73,98,132)
```
#526e95
```
#526e95 rgb(82,110,149)
```
#5c7ba5
```
#5c7ba5 rgb(92,123,165)
```

Monochromatic Color

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

#406374
```
#406374 rgb(64,99,116)
```
#405f74
```
#405f74 rgb(64,95,116)
```
#405a74
```
#405a74 rgb(64,90,116)
```
#405674
```
#405674 rgb(64,86,116)
```
#405274
```
#405274 rgb(64,82,116)
```
#404d74
```
#404d74 rgb(64,77,116)
```
#404974
```
#404974 rgb(64,73,116)
```

Similar Colors

Text with hexadecimal color #405674

This text has a font color of #405674.

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

#405674 background color

This paragraph has a background color of #405674.

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

#405674 border color

This element has a border color of #405674.

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

CSS codes

.text {color:#405674;}

.background {background-color:#405674;}

.border {border:1px solid #405674;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0f141c
```
#0f141c rgb(15,20,28)
```
#161e28
```
#161e28 rgb(22,30,40)
```
#1d2735
```
#1d2735 rgb(29,39,53)
```
#243141
```
#243141 rgb(36,49,65)
```
#2b3a4e
```
#2b3a4e rgb(43,58,78)
```
#32435b
```
#32435b rgb(50,67,91)
```
#394d67
```
#394d67 rgb(57,77,103)
```
#405674
```
#405674 rgb(64,86,116)
```
#475f81
```
#475f81 rgb(71,95,129)
```
#4e698d
```
#4e698d rgb(78,105,141)
```
#55729a
```
#55729a rgb(85,114,154)
```

Shade Color Variation

#5d7ca6
```
#5d7ca6 rgb(93,124,166)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#7690b4
```
#7690b4 rgb(118,144,180)
```
#839aba
```
#839aba rgb(131,154,186)
```
#8fa5c1
```
#8fa5c1 rgb(143,165,193)
```
#9cafc8
```
#9cafc8 rgb(156,175,200)
```
#a9b9cf
```
#a9b9cf rgb(169,185,207)
```
#b5c3d6
```
#b5c3d6 rgb(181,195,214)
```
#c2cedd
```
#c2cedd rgb(194,206,221)
```
#cfd8e4
```
#cfd8e4 rgb(207,216,228)
```
#dbe2eb
```
#dbe2eb rgb(219,226,235)
```
#e8ecf2
```
#e8ecf2 rgb(232,236,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#55595f
```
#55595f rgb(85,89,95)
```
#4e5866
```
#4e5866 rgb(78,88,102)
```
#47576d
```
#47576d rgb(71,87,109)
```
#405674
```
#405674 rgb(64,86,116)
```
#39557b
```
#39557b rgb(57,85,123)
```
#325482
```
#325482 rgb(50,84,130)
```
#2b5389
```
#2b5389 rgb(43,83,137)
```
#245290
```
#245290 rgb(36,82,144)
```
#1d5197
```
#1d5197 rgb(29,81,151)
```
#16509e
```
#16509e rgb(22,80,158)
```
#104fa4
```
#104fa4 rgb(16,79,164)
```
#094dab
```
#094dab rgb(9,77,171)
```
#024cb2
```
#024cb2 rgb(2,76,178)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#545c79 Protanopia 1% of men
#535c7c Deuteranopia 1% of men
#436269 Tritanopia 0.001% of the population

Trichromacy

#4d5a77 Protanomaly 1% of men, 0.01% of women
#4c5a79 Deuteranomaly 6% of men, 0.4% of women
#425d6d Tritanomaly 0.01% of the population

#405674 hex color

#405674 Color Information

#405674 Color Conversion

Color Schemes with #405674

Alternatives to #405674

#405674 Preview

Shades and Tints of #405674

Tones of #405674

Color Blindness Simulator