#404675 hex color

In a RGB color space, hex #404675 is composed of 25.1% red, 27.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 40.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 233.2 degrees, a saturation of 29.3% and a lightness of 35.5%. #404675 color hex could be obtained by blending #808cea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 27
- B 46
RGB color chart
- C 45
- M 40
- Y 0
- K 54
CMYK color chart

● #404675 color description : Dark moderate blue.

The hexadecimal color #404675 has RGB values of R:64, G:70, B:117 and CMYK values of C:0.45, M:0.4, Y:0, K:0.54. Its decimal value is 4212341.

Hex triplet	404675	`#404675`
RGB Decimal	64, 70, 117	`rgb(64,70,117)`
RGB Percent	25.1, 27.5, 45.9	`rgb(25.1%,27.5%,45.9%)`
CMYK	45, 40, 0, 54
HSL	233.2°, 29.3, 35.5	`hsl(233.2,29.3%,35.5%)`
HSV (or HSB)	233.2°, 45.3, 45.9
Web Safe	333366	`#333366`

CIE-LAB	31.241, 10.974, -27.777
XYZ	7.515, 6.754, 17.736
xyY	0.235, 0.211, 6.754
CIE-LCH	31.241, 29.866, 291.557
CIE-LUV	31.241, -5.01, -37.845
Hunter-Lab	25.989, 6.132, -22.27
Binary	01000000, 01000110, 01110101

#404675
```
#404675 rgb(64,70,117)
```
#756f40
```
#756f40 rgb(117,111,64)
```

Complementary Color

#406175
```
#406175 rgb(64,97,117)
```
#404675
```
#404675 rgb(64,70,117)
```
#554075
```
#554075 rgb(85,64,117)
```

Analogous Color

#617540
```
#617540 rgb(97,117,64)
```
#404675
```
#404675 rgb(64,70,117)
```
#755540
```
#755540 rgb(117,85,64)
```

Split Complementary Color

#467540
```
#467540 rgb(70,117,64)
```
#404675
```
#404675 rgb(64,70,117)
```
#754046
```
#754046 rgb(117,64,70)
```

Triadic Color

#40756f
```
#40756f rgb(64,117,111)
```
#404675
```
#404675 rgb(64,70,117)
```
#754046
```
#754046 rgb(117,64,70)
```
#756f40
```
#756f40 rgb(117,111,64)
```

Tetradic Color

#252844
```
#252844 rgb(37,40,68)
```
#2e3254
```
#2e3254 rgb(46,50,84)
```
#373c65
```
#373c65 rgb(55,60,101)
```
#404675
```
#404675 rgb(64,70,117)
```
#495085
```
#495085 rgb(73,80,133)
```
#525a96
```
#525a96 rgb(82,90,150)
```
#5c64a6
```
#5c64a6 rgb(92,100,166)
```

Monochromatic Color

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

#405375
```
#405375 rgb(64,83,117)
```
#404f75
```
#404f75 rgb(64,79,117)
```
#404a75
```
#404a75 rgb(64,74,117)
```
#404675
```
#404675 rgb(64,70,117)
```
#404275
```
#404275 rgb(64,66,117)
```
#434075
```
#434075 rgb(67,64,117)
```
#474075
```
#474075 rgb(71,64,117)
```

Similar Colors

Text with hexadecimal color #404675

This text has a font color of #404675.

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

#404675 background color

This paragraph has a background color of #404675.

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

#404675 border color

This element has a border color of #404675.

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

CSS codes

.text {color:#404675;}

.background {background-color:#404675;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090910
```
#090910 rgb(9,9,16)
```
#0f111c
```
#0f111c rgb(15,17,28)
```
#161829
```
#161829 rgb(22,24,41)
```
#1d2036
```
#1d2036 rgb(29,32,54)
```
#242842
```
#242842 rgb(36,40,66)
```
#2b2f4f
```
#2b2f4f rgb(43,47,79)
```
#32375c
```
#32375c rgb(50,55,92)
```
#393e68
```
#393e68 rgb(57,62,104)
```
#404675
```
#404675 rgb(64,70,117)
```
#474e82
```
#474e82 rgb(71,78,130)
```
#4e558e
```
#4e558e rgb(78,85,142)
```
#555d9b
```
#555d9b rgb(85,93,155)
```

Shade Color Variation

#5d65a6
```
#5d65a6 rgb(93,101,166)
```
#6a71ad
```
#6a71ad rgb(106,113,173)
```
#767db4
```
#767db4 rgb(118,125,180)
```
#8389bb
```
#8389bb rgb(131,137,187)
```
#9095c2
```
#9095c2 rgb(144,149,194)
```
#9ca2c9
```
#9ca2c9 rgb(156,162,201)
```
#a9aed0
```
#a9aed0 rgb(169,174,208)
```
#b6bad7
```
#b6bad7 rgb(182,186,215)
```
#c2c6de
```
#c2c6de rgb(194,198,222)
```
#cfd2e5
```
#cfd2e5 rgb(207,210,229)
```
#dcdeec
```
#dcdeec rgb(220,222,236)
```
#e9eaf3
```
#e9eaf3 rgb(233,234,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555660 is the less saturated color, while #0116b4 is the most saturated one.

#555660
```
#555660 rgb(85,86,96)
```
#4e5167
```
#4e5167 rgb(78,81,103)
```
#474b6e
```
#474b6e rgb(71,75,110)
```
#404675
```
#404675 rgb(64,70,117)
```
#39417c
```
#39417c rgb(57,65,124)
```
#323b83
```
#323b83 rgb(50,59,131)
```
#2b368a
```
#2b368a rgb(43,54,138)
```
#243091
```
#243091 rgb(36,48,145)
```
#1d2b98
```
#1d2b98 rgb(29,43,152)
```
#16269f
```
#16269f rgb(22,38,159)
```
#0f20a6
```
#0f20a6 rgb(15,32,166)
```
#081bad
```
#081bad rgb(8,27,173)
```
#0116b4
```
#0116b4 rgb(1,22,180)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#484953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41517d Protanopia 1% of men
#3c527a Deuteranopia 1% of men
#3f565c Tritanopia 0.001% of the population

Trichromacy

#404d7a Protanomaly 1% of men, 0.01% of women
#3e4e78 Deuteranomaly 6% of men, 0.4% of women
#3f5065 Tritanomaly 0.01% of the population

#404675 hex color

#404675 Color Information

#404675 Color Conversion

Color Schemes with #404675

Alternatives to #404675

#404675 Preview

Shades and Tints of #404675

Tones of #404675

Color Blindness Simulator