#406675 hex color

In a RGB color space, hex #406675 is composed of 25.1% red, 40% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 12.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 197 degrees, a saturation of 29.3% and a lightness of 35.5%. #406675 color hex could be obtained by blending #80ccea with #000000. Closest websafe color is: #336666.

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

● #406675 color description : Dark moderate blue.

The hexadecimal color #406675 has RGB values of R:64, G:102, B:117 and CMYK values of C:0.45, M:0.13, Y:0, K:0.54. Its decimal value is 4220533.

Hex triplet	406675	`#406675`
RGB Decimal	64, 102, 117	`rgb(64,102,117)`
RGB Percent	25.1, 40, 45.9	`rgb(25.1%,40%,45.9%)`
CMYK	45, 13, 0, 54
HSL	197°, 29.3, 35.5	`hsl(197,29.3%,35.5%)`
HSV (or HSB)	197°, 45.3, 45.9
Web Safe	336666	`#336666`

CIE-LAB	41.019, -9.135, -12.643
XYZ	10.076, 11.877, 18.59
xyY	0.249, 0.293, 11.877
CIE-LCH	41.019, 15.598, 234.152
CIE-LUV	41.019, -17.415, -16.134
Hunter-Lab	34.462, -8.121, -7.859
Binary	01000000, 01100110, 01110101

#406675
```
#406675 rgb(64,102,117)
```
#754f40
```
#754f40 rgb(117,79,64)
```

Complementary Color

#40756a
```
#40756a rgb(64,117,106)
```
#406675
```
#406675 rgb(64,102,117)
```
#404c75
```
#404c75 rgb(64,76,117)
```

Analogous Color

#756a40
```
#756a40 rgb(117,106,64)
```
#406675
```
#406675 rgb(64,102,117)
```
#75404c
```
#75404c rgb(117,64,76)
```

Split Complementary Color

#667540
```
#667540 rgb(102,117,64)
```
#406675
```
#406675 rgb(64,102,117)
```
#754066
```
#754066 rgb(117,64,102)
```

Triadic Color

#40754f
```
#40754f rgb(64,117,79)
```
#406675
```
#406675 rgb(64,102,117)
```
#754066
```
#754066 rgb(117,64,102)
```
#754f40
```
#754f40 rgb(117,79,64)
```

Tetradic Color

#253b44
```
#253b44 rgb(37,59,68)
```
#2e4954
```
#2e4954 rgb(46,73,84)
```
#375865
```
#375865 rgb(55,88,101)
```
#406675
```
#406675 rgb(64,102,117)
```
#497485
```
#497485 rgb(73,116,133)
```
#528396
```
#528396 rgb(82,131,150)
```
#5c91a6
```
#5c91a6 rgb(92,145,166)
```

Monochromatic Color

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

#407375
```
#407375 rgb(64,115,117)
```
#406f75
```
#406f75 rgb(64,111,117)
```
#406a75
```
#406a75 rgb(64,106,117)
```
#406675
```
#406675 rgb(64,102,117)
```
#406275
```
#406275 rgb(64,98,117)
```
#405d75
```
#405d75 rgb(64,93,117)
```
#405975
```
#405975 rgb(64,89,117)
```

Similar Colors

Text with hexadecimal color #406675

This text has a font color of #406675.

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

#406675 background color

This paragraph has a background color of #406675.

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

#406675 border color

This element has a border color of #406675.

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

CSS codes

.text {color:#406675;}

.background {background-color:#406675;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#0f191c
```
#0f191c rgb(15,25,28)
```
#162429
```
#162429 rgb(22,36,41)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#243a42
```
#243a42 rgb(36,58,66)
```
#2b454f
```
#2b454f rgb(43,69,79)
```
#32505c
```
#32505c rgb(50,80,92)
```
#395b68
```
#395b68 rgb(57,91,104)
```
#406675
```
#406675 rgb(64,102,117)
```
#477182
```
#477182 rgb(71,113,130)
```
#4e7c8e
```
#4e7c8e rgb(78,124,142)
```
#55879b
```
#55879b rgb(85,135,155)
```

Shade Color Variation

#5d92a6
```
#5d92a6 rgb(93,146,166)
```
#6a9aad
```
#6a9aad rgb(106,154,173)
```
#76a3b4
```
#76a3b4 rgb(118,163,180)
```
#83abbb
```
#83abbb rgb(131,171,187)
```
#90b4c2
```
#90b4c2 rgb(144,180,194)
```
#9cbcc9
```
#9cbcc9 rgb(156,188,201)
```
#a9c5d0
```
#a9c5d0 rgb(169,197,208)
```
#b6ced7
```
#b6ced7 rgb(182,206,215)
```
#c2d6de
```
#c2d6de rgb(194,214,222)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#dce7ec
```
#dce7ec rgb(220,231,236)
```
#e9f0f3
```
#e9f0f3 rgb(233,240,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#555d60
```
#555d60 rgb(85,93,96)
```
#4e6067
```
#4e6067 rgb(78,96,103)
```
#47636e
```
#47636e rgb(71,99,110)
```
#406675
```
#406675 rgb(64,102,117)
```
#39697c
```
#39697c rgb(57,105,124)
```
#326c83
```
#326c83 rgb(50,108,131)
```
#2b6f8a
```
#2b6f8a rgb(43,111,138)
```
#247291
```
#247291 rgb(36,114,145)
```
#1d7598
```
#1d7598 rgb(29,117,152)
```
#16789f
```
#16789f rgb(22,120,159)
```
#0f7ba6
```
#0f7ba6 rgb(15,123,166)
```
#087ead
```
#087ead rgb(8,126,173)
```
#0181b4
```
#0181b4 rgb(1,129,180)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#565e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656878 Protanopia 1% of men
#67667e Deuteranopia 1% of men
#486e76 Tritanopia 0.001% of the population

Trichromacy

#576777 Protanomaly 1% of men, 0.01% of women
#58667b Deuteranomaly 6% of men, 0.4% of women
#456b76 Tritanomaly 0.01% of the population

#406675 hex color

#406675 Color Information

#406675 Color Conversion

Color Schemes with #406675

Alternatives to #406675

#406675 Preview

Shades and Tints of #406675

Tones of #406675

Color Blindness Simulator