#406b7c hex color

In a RGB color space, hex #406b7c is composed of 25.1% red, 42% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 13.7% magenta, 0% yellow and 51.4% black. It has a hue angle of 197 degrees, a saturation of 31.9% and a lightness of 36.9%. #406b7c color hex could be obtained by blending #80d6f8 with #000000. Closest websafe color is: #336666.

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

● #406b7c color description : Dark moderate blue.

The hexadecimal color #406b7c has RGB values of R:64, G:107, B:124 and CMYK values of C:0.48, M:0.14, Y:0, K:0.51. Its decimal value is 4221820.

Hex triplet	406b7c	`#406b7c`
RGB Decimal	64, 107, 124	`rgb(64,107,124)`
RGB Percent	25.1, 42, 48.6	`rgb(25.1%,42%,48.6%)`
CMYK	48, 14, 0, 51
HSL	197°, 31.9, 36.9	`hsl(197,31.9%,36.9%)`
HSV (or HSB)	197°, 48.4, 48.6
Web Safe	336666	`#336666`

CIE-LAB	42.854, -9.949, -14.097
XYZ	11.009, 13.06, 21.008
xyY	0.244, 0.29, 13.06
CIE-LCH	42.854, 17.254, 234.789
CIE-LUV	42.854, -19.331, -18.327
Hunter-Lab	36.139, -8.865, -9.17
Binary	01000000, 01101011, 01111100

#406b7c
```
#406b7c rgb(64,107,124)
```
#7c5140
```
#7c5140 rgb(124,81,64)
```

Complementary Color

#407c6f
```
#407c6f rgb(64,124,111)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#404d7c
```
#404d7c rgb(64,77,124)
```

Analogous Color

#7c6f40
```
#7c6f40 rgb(124,111,64)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#7c404d
```
#7c404d rgb(124,64,77)
```

Split Complementary Color

#6b7c40
```
#6b7c40 rgb(107,124,64)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#7c406b
```
#7c406b rgb(124,64,107)
```

Triadic Color

#407c51
```
#407c51 rgb(64,124,81)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#7c406b
```
#7c406b rgb(124,64,107)
```
#7c5140
```
#7c5140 rgb(124,81,64)
```

Tetradic Color

#263f4a
```
#263f4a rgb(38,63,74)
```
#2f4e5a
```
#2f4e5a rgb(47,78,90)
```
#375c6b
```
#375c6b rgb(55,92,107)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#497a8d
```
#497a8d rgb(73,122,141)
```
#51889e
```
#51889e rgb(81,136,158)
```
#5d95ab
```
#5d95ab rgb(93,149,171)
```

Monochromatic Color

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

#407a7c
```
#407a7c rgb(64,122,124)
```
#40757c
```
#40757c rgb(64,117,124)
```
#40707c
```
#40707c rgb(64,112,124)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#40667c
```
#40667c rgb(64,102,124)
```
#40617c
```
#40617c rgb(64,97,124)
```
#405c7c
```
#405c7c rgb(64,92,124)
```

Similar Colors

Text with hexadecimal color #406b7c

This text has a font color of #406b7c.

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

#406b7c background color

This paragraph has a background color of #406b7c.

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

#406b7c border color

This element has a border color of #406b7c.

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

CSS codes

.text {color:#406b7c;}

.background {background-color:#406b7c;}

.border {border:1px solid #406b7c;}

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1214
```
#0b1214 rgb(11,18,20)
```
#111d21
```
#111d21 rgb(17,29,33)
```
#18282e
```
#18282e rgb(24,40,46)
```
#1f333b
```
#1f333b rgb(31,51,59)
```
#253e48
```
#253e48 rgb(37,62,72)
```
#2c4a55
```
#2c4a55 rgb(44,74,85)
```
#335562
```
#335562 rgb(51,85,98)
```
#39606f
```
#39606f rgb(57,96,111)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#477689
```
#477689 rgb(71,118,137)
```
#4d8196
```
#4d8196 rgb(77,129,150)
```
#548ca3
```
#548ca3 rgb(84,140,163)
```

Shade Color Variation

#5e96ac
```
#5e96ac rgb(94,150,172)
```
#6b9fb3
```
#6b9fb3 rgb(107,159,179)
```
#78a7b9
```
#78a7b9 rgb(120,167,185)
```
#85afc0
```
#85afc0 rgb(133,175,192)
```
#92b8c7
```
#92b8c7 rgb(146,184,199)
```
#9fc0cd
```
#9fc0cd rgb(159,192,205)
```
#acc9d4
```
#acc9d4 rgb(172,201,212)
```
#b9d1db
```
#b9d1db rgb(185,209,219)
```
#c6dae2
```
#c6dae2 rgb(198,218,226)
```
#d3e2e8
```
#d3e2e8 rgb(211,226,232)
```
#e0ebef
```
#e0ebef rgb(224,235,239)
```
#edf3f6
```
#edf3f6 rgb(237,243,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#5d5e5f
```
#5d5e5f rgb(93,94,95)
```
#566266
```
#566266 rgb(86,98,102)
```
#4e656e
```
#4e656e rgb(78,101,110)
```
#476875
```
#476875 rgb(71,104,117)
```
#406b7c
```
#406b7c rgb(64,107,124)
```
#396e83
```
#396e83 rgb(57,110,131)
```
#32718a
```
#32718a rgb(50,113,138)
```
#2a7492
```
#2a7492 rgb(42,116,146)
```
#237899
```
#237899 rgb(35,120,153)
```
#1c7ba0
```
#1c7ba0 rgb(28,123,160)
```
#157ea7
```
#157ea7 rgb(21,126,167)
```
#0d81af
```
#0d81af rgb(13,129,175)
```
#0684b6
```
#0684b6 rgb(6,132,182)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5a6266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696c7e Protanopia 1% of men
#6a6b85 Deuteranopia 1% of men
#47737c Tritanopia 0.001% of the population

Trichromacy

#5a6b7d Protanomaly 1% of men, 0.01% of women
#5a6b82 Deuteranomaly 6% of men, 0.4% of women
#44707c Tritanomaly 0.01% of the population

#406b7c hex color

#406b7c Color Information

#406b7c Color Conversion

Color Schemes with #406b7c

Alternatives to #406b7c

#406b7c Preview

Shades and Tints of #406b7c

Tones of #406b7c

Color Blindness Simulator