#405678 hex color

In a RGB color space, hex #405678 is composed of 25.1% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 216.4 degrees, a saturation of 30.4% and a lightness of 36.1%. #405678 color hex could be obtained by blending #80acf0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 34
- B 47
RGB color chart
- C 47
- M 28
- Y 0
- K 53
CMYK color chart

● #405678 color description : Dark moderate blue.

The hexadecimal color #405678 has RGB values of R:64, G:86, B:120 and CMYK values of C:0.47, M:0.28, Y:0, K:0.53. Its decimal value is 4216440.

Hex triplet	405678	`#405678`
RGB Decimal	64, 86, 120	`rgb(64,86,120)`
RGB Percent	25.1, 33.7, 47.1	`rgb(25.1%,33.7%,47.1%)`
CMYK	47, 28, 0, 53
HSL	216.4°, 30.4, 36.1	`hsl(216.4,30.4%,36.1%)`
HSV (or HSB)	216.4°, 46.7, 47.1
Web Safe	336666	`#336666`

CIE-LAB	36.179, 1.559, -21.916
XYZ	8.832, 9.101, 19.06
xyY	0.239, 0.246, 9.101
CIE-LCH	36.179, 21.971, 274.068
CIE-LUV	36.179, -11.012, -30.051
Hunter-Lab	30.168, -0.54, -16.34
Binary	01000000, 01010110, 01111000

#405678
```
#405678 rgb(64,86,120)
```
#786240
```
#786240 rgb(120,98,64)
```

Complementary Color

#407278
```
#407278 rgb(64,114,120)
```
#405678
```
#405678 rgb(64,86,120)
```
#464078
```
#464078 rgb(70,64,120)
```

Analogous Color

#727840
```
#727840 rgb(114,120,64)
```
#405678
```
#405678 rgb(64,86,120)
```
#784640
```
#784640 rgb(120,70,64)
```

Split Complementary Color

#567840
```
#567840 rgb(86,120,64)
```
#405678
```
#405678 rgb(64,86,120)
```
#784056
```
#784056 rgb(120,64,86)
```

Triadic Color

#407862
```
#407862 rgb(64,120,98)
```
#405678
```
#405678 rgb(64,86,120)
```
#784056
```
#784056 rgb(120,64,86)
```
#786240
```
#786240 rgb(120,98,64)
```

Tetradic Color

#253246
```
#253246 rgb(37,50,70)
```
#2e3e57
```
#2e3e57 rgb(46,62,87)
```
#374a67
```
#374a67 rgb(55,74,103)
```
#405678
```
#405678 rgb(64,86,120)
```
#496289
```
#496289 rgb(73,98,137)
```
#526e99
```
#526e99 rgb(82,110,153)
```
#5c7aa8
```
#5c7aa8 rgb(92,122,168)
```

Monochromatic Color

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

#406478
```
#406478 rgb(64,100,120)
```
#405f78
```
#405f78 rgb(64,95,120)
```
#405b78
```
#405b78 rgb(64,91,120)
```
#405678
```
#405678 rgb(64,86,120)
```
#405178
```
#405178 rgb(64,81,120)
```
#404d78
```
#404d78 rgb(64,77,120)
```
#404878
```
#404878 rgb(64,72,120)
```

Similar Colors

Text with hexadecimal color #405678

This text has a font color of #405678.

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

#405678 background color

This paragraph has a background color of #405678.

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

#405678 border color

This element has a border color of #405678.

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

CSS codes

.text {color:#405678;}

.background {background-color:#405678;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#10161e
```
#10161e rgb(16,22,30)
```
#171f2b
```
#171f2b rgb(23,31,43)
```
#1e2838
```
#1e2838 rgb(30,40,56)
```
#253145
```
#253145 rgb(37,49,69)
```
#2c3a52
```
#2c3a52 rgb(44,58,82)
```
#32445e
```
#32445e rgb(50,68,94)
```
#394d6b
```
#394d6b rgb(57,77,107)
```
#405678
```
#405678 rgb(64,86,120)
```
#475f85
```
#475f85 rgb(71,95,133)
```
#4e6892
```
#4e6892 rgb(78,104,146)
```
#54729e
```
#54729e rgb(84,114,158)
```

Shade Color Variation

#5e7ba9
```
#5e7ba9 rgb(94,123,169)
```
#6a86b0
```
#6a86b0 rgb(106,134,176)
```
#7790b7
```
#7790b7 rgb(119,144,183)
```
#849bbd
```
#849bbd rgb(132,155,189)
```
#91a5c4
```
#91a5c4 rgb(145,165,196)
```
#9eafcb
```
#9eafcb rgb(158,175,203)
```
#aabad2
```
#aabad2 rgb(170,186,210)
```
#b7c4d9
```
#b7c4d9 rgb(183,196,217)
```
#c4cfdf
```
#c4cfdf rgb(196,207,223)
```
#d1d9e6
```
#d1d9e6 rgb(209,217,230)
```
#dde4ed
```
#dde4ed rgb(221,228,237)
```
#eaeef4
```
#eaeef4 rgb(234,238,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b63 is the less saturated color, while #0048b8 is the most saturated one.

#555b63
```
#555b63 rgb(85,91,99)
```
#4e596a
```
#4e596a rgb(78,89,106)
```
#475871
```
#475871 rgb(71,88,113)
```
#405678
```
#405678 rgb(64,86,120)
```
#39547f
```
#39547f rgb(57,84,127)
```
#325386
```
#325386 rgb(50,83,134)
```
#2b518d
```
#2b518d rgb(43,81,141)
```
#245094
```
#245094 rgb(36,80,148)
```
#1d4e9b
```
#1d4e9b rgb(29,78,155)
```
#164da2
```
#164da2 rgb(22,77,162)
```
#0e4baa
```
#0e4baa rgb(14,75,170)
```
#074ab1
```
#074ab1 rgb(7,74,177)
```
#0048b8
```
#0048b8 rgb(0,72,184)
```

Tone Color Variation

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

#535c7d Protanopia 1% of men
#515d7f Deuteranopia 1% of men
#42626a Tritanopia 0.001% of the population

Trichromacy

#4c5a7b Protanomaly 1% of men, 0.01% of women
#4b5a7c Deuteranomaly 6% of men, 0.4% of women
#415e6f Tritanomaly 0.01% of the population

#405678 hex color

#405678 Color Information

#405678 Color Conversion

Color Schemes with #405678

Alternatives to #405678

#405678 Preview

Shades and Tints of #405678

Tones of #405678

Color Blindness Simulator