#406cb8 hex color

In a RGB color space, hex #406cb8 is composed of 25.1% red, 42.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 41.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 218 degrees, a saturation of 48.4% and a lightness of 48.6%. #406cb8 color hex could be obtained by blending #80d8ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 72
RGB color chart
- C 65
- M 41
- Y 0
- K 28
CMYK color chart

● #406cb8 color description : Moderate blue.

The hexadecimal color #406cb8 has RGB values of R:64, G:108, B:184 and CMYK values of C:0.65, M:0.41, Y:0, K:0.28. Its decimal value is 4222136.

Hex triplet	406cb8	`#406cb8`
RGB Decimal	64, 108, 184	`rgb(64,108,184)`
RGB Percent	25.1, 42.4, 72.2	`rgb(25.1%,42.4%,72.2%)`
CMYK	65, 41, 0, 28
HSL	218°, 48.4, 48.6	`hsl(218,48.4%,48.6%)`
HSV (or HSB)	218°, 65.2, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.008, 9.527, -44.713
XYZ	16.127, 15.275, 47.443
xyY	0.205, 0.194, 15.275
CIE-LCH	46.008, 45.717, 282.028
CIE-LUV	46.008, -18.783, -67.968
Hunter-Lab	39.083, 5.259, -44.615
Binary	01000000, 01101100, 10111000

#406cb8
```
#406cb8 rgb(64,108,184)
```
#b88c40
```
#b88c40 rgb(184,140,64)
```

Complementary Color

#40a8b8
```
#40a8b8 rgb(64,168,184)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#5040b8
```
#5040b8 rgb(80,64,184)
```

Analogous Color

#a8b840
```
#a8b840 rgb(168,184,64)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#b85040
```
#b85040 rgb(184,80,64)
```

Split Complementary Color

#6cb840
```
#6cb840 rgb(108,184,64)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#b8406c
```
#b8406c rgb(184,64,108)
```

Triadic Color

#40b88c
```
#40b88c rgb(64,184,140)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#b8406c
```
#b8406c rgb(184,64,108)
```
#b88c40
```
#b88c40 rgb(184,140,64)
```

Tetradic Color

#2c4b7f
```
#2c4b7f rgb(44,75,127)
```
#335692
```
#335692 rgb(51,86,146)
```
#3961a5
```
#3961a5 rgb(57,97,165)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#5079c2
```
#5079c2 rgb(80,121,194)
```
#6288c9
```
#6288c9 rgb(98,136,201)
```
#7596cf
```
#7596cf rgb(117,150,207)
```

Monochromatic Color

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

#408ab8
```
#408ab8 rgb(64,138,184)
```
#4080b8
```
#4080b8 rgb(64,128,184)
```
#4076b8
```
#4076b8 rgb(64,118,184)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#4062b8
```
#4062b8 rgb(64,98,184)
```
#4058b8
```
#4058b8 rgb(64,88,184)
```
#404eb8
```
#404eb8 rgb(64,78,184)
```

Similar Colors

Text with hexadecimal color #406cb8

This text has a font color of #406cb8.

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

#406cb8 background color

This paragraph has a background color of #406cb8.

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

#406cb8 border color

This element has a border color of #406cb8.

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

CSS codes

.text {color:#406cb8;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0d1726
```
#0d1726 rgb(13,23,38)
```
#121f35
```
#121f35 rgb(18,31,53)
```
#182844
```
#182844 rgb(24,40,68)
```
#1d3052
```
#1d3052 rgb(29,48,82)
```
#223961
```
#223961 rgb(34,57,97)
```
#27416f
```
#27416f rgb(39,65,111)
```
#2c4a7e
```
#2c4a7e rgb(44,74,126)
```
#31528c
```
#31528c rgb(49,82,140)
```
#365b9b
```
#365b9b rgb(54,91,155)
```
#3b63a9
```
#3b63a9 rgb(59,99,169)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```

Shade Color Variation

#4b76c0
```
#4b76c0 rgb(75,118,192)
```
#5a81c6
```
#5a81c6 rgb(90,129,198)
```
#688ccb
```
#688ccb rgb(104,140,203)
```
#7797d0
```
#7797d0 rgb(119,151,208)
```
#85a2d5
```
#85a2d5 rgb(133,162,213)
```
#94aeda
```
#94aeda rgb(148,174,218)
```
#a2b9df
```
#a2b9df rgb(162,185,223)
```
#b1c4e4
```
#b1c4e4 rgb(177,196,228)
```
#c0cfe9
```
#c0cfe9 rgb(192,207,233)
```
#cedaee
```
#cedaee rgb(206,218,238)
```
#dde5f3
```
#dde5f3 rgb(221,229,243)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7f is the less saturated color, while #075df1 is the most saturated one.

#797b7f
```
#797b7f rgb(121,123,127)
```
#707988
```
#707988 rgb(112,121,136)
```
#667692
```
#667692 rgb(102,118,146)
```
#5d749b
```
#5d749b rgb(93,116,155)
```
#5371a5
```
#5371a5 rgb(83,113,165)
```
#4a6fae
```
#4a6fae rgb(74,111,174)
```
#406cb8
```
#406cb8 rgb(64,108,184)
```
#3669c2
```
#3669c2 rgb(54,105,194)
```
#2d67cb
```
#2d67cb rgb(45,103,203)
```
#2364d5
```
#2364d5 rgb(35,100,213)
```
#1a62de
```
#1a62de rgb(26,98,222)
```
#105fe8
```
#105fe8 rgb(16,95,232)
```
#075df1
```
#075df1 rgb(7,93,241)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#606978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5372ba Protanopia 1% of men
#3d75ba Deuteranopia 1% of men
#1f7f88 Tritanopia 0.001% of the population

Trichromacy

#4c6fb9 Protanomaly 1% of men, 0.01% of women
#3e72b9 Deuteranomaly 6% of men, 0.4% of women
#2b7899 Tritanomaly 0.01% of the population

#406cb8 hex color

#406cb8 Color Information

#406cb8 Color Conversion

Color Schemes with #406cb8

Alternatives to #406cb8

#406cb8 Preview

Shades and Tints of #406cb8

Tones of #406cb8

Color Blindness Simulator