#406bc6 hex color

In a RGB color space, hex #406bc6 is composed of 25.1% red, 42% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 46% magenta, 0% yellow and 22.4% black. It has a hue angle of 220.7 degrees, a saturation of 54% and a lightness of 51.4%. #406bc6 color hex could be obtained by blending #80d6ff with #00008d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 78
RGB color chart
- C 68
- M 46
- Y 0
- K 22
CMYK color chart

● #406bc6 color description : Moderate blue.

The hexadecimal color #406bc6 has RGB values of R:64, G:107, B:198 and CMYK values of C:0.68, M:0.46, Y:0, K:0.22. Its decimal value is 4221894.

Hex triplet	406bc6	`#406bc6`
RGB Decimal	64, 107, 198	`rgb(64,107,198)`
RGB Percent	25.1, 42, 77.6	`rgb(25.1%,42%,77.6%)`
CMYK	68, 46, 0, 22
HSL	220.7°, 54, 51.4	`hsl(220.7,54%,51.4%)`
HSV (or HSB)	220.7°, 67.7, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.554, 15.16, -51.934
XYZ	17.563, 15.681, 55.524
xyY	0.198, 0.177, 15.681
CIE-LCH	46.554, 54.102, 286.273
CIE-LUV	46.554, -18.348, -79.759
Hunter-Lab	39.6, 9.867, -55.413
Binary	01000000, 01101011, 11000110

#406bc6
```
#406bc6 rgb(64,107,198)
```
#c69b40
```
#c69b40 rgb(198,155,64)
```

Complementary Color

#40aec6
```
#40aec6 rgb(64,174,198)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#5840c6
```
#5840c6 rgb(88,64,198)
```

Analogous Color

#aec640
```
#aec640 rgb(174,198,64)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#c65840
```
#c65840 rgb(198,88,64)
```

Split Complementary Color

#6bc640
```
#6bc640 rgb(107,198,64)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#c6406b
```
#c6406b rgb(198,64,107)
```

Triadic Color

#40c69b
```
#40c69b rgb(64,198,155)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#c6406b
```
#c6406b rgb(198,64,107)
```
#c69b40
```
#c69b40 rgb(198,155,64)
```

Tetradic Color

#2b4b8f
```
#2b4b8f rgb(43,75,143)
```
#3055a3
```
#3055a3 rgb(48,85,163)
```
#365fb6
```
#365fb6 rgb(54,95,182)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#547acc
```
#547acc rgb(84,122,204)
```
#6789d2
```
#6789d2 rgb(103,137,210)
```
#7b99d8
```
#7b99d8 rgb(123,153,216)
```

Monochromatic Color

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

#408dc6
```
#408dc6 rgb(64,141,198)
```
#4081c6
```
#4081c6 rgb(64,129,198)
```
#4076c6
```
#4076c6 rgb(64,118,198)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#4060c6
```
#4060c6 rgb(64,96,198)
```
#4055c6
```
#4055c6 rgb(64,85,198)
```
#404ac6
```
#404ac6 rgb(64,74,198)
```

Similar Colors

Text with hexadecimal color #406bc6

This text has a font color of #406bc6.

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

#406bc6 background color

This paragraph has a background color of #406bc6.

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

#406bc6 border color

This element has a border color of #406bc6.

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

CSS codes

.text {color:#406bc6;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1324
```
#0b1324 rgb(11,19,36)
```
#0f1b33
```
#0f1b33 rgb(15,27,51)
```
#142242
```
#142242 rgb(20,34,66)
```
#182a51
```
#182a51 rgb(24,42,81)
```
#1d3260
```
#1d3260 rgb(29,50,96)
```
#213a6f
```
#213a6f rgb(33,58,111)
```
#26427e
```
#26427e rgb(38,66,126)
```
#2a4a8d
```
#2a4a8d rgb(42,74,141)
```
#2f529c
```
#2f529c rgb(47,82,156)
```
#335aac
```
#335aac rgb(51,90,172)
```
#3862bb
```
#3862bb rgb(56,98,187)
```

Shade Color Variation

#406bc6
```
#406bc6 rgb(64,107,198)
```
#4f77cb
```
#4f77cb rgb(79,119,203)
```
#5e82cf
```
#5e82cf rgb(94,130,207)
```
#6d8ed4
```
#6d8ed4 rgb(109,142,212)
```
#7c9ad8
```
#7c9ad8 rgb(124,154,216)
```
#8ca6dd
```
#8ca6dd rgb(140,166,221)
```
#9bb1e1
```
#9bb1e1 rgb(155,177,225)
```
#aabde6
```
#aabde6 rgb(170,189,230)
```
#b9c9ea
```
#b9c9ea rgb(185,201,234)
```
#c8d4ef
```
#c8d4ef rgb(200,212,239)
```
#d7e0f3
```
#d7e0f3 rgb(215,224,243)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#838383
```
#838383 rgb(131,131,131)
```
#79808d
```
#79808d rgb(121,128,141)
```
#707c96
```
#707c96 rgb(112,124,150)
```
#6679a0
```
#6679a0 rgb(102,121,160)
```
#5d75a9
```
#5d75a9 rgb(93,117,169)
```
#5372b3
```
#5372b3 rgb(83,114,179)
```
#4a6ebc
```
#4a6ebc rgb(74,110,188)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#2d64d9
```
#2d64d9 rgb(45,100,217)
```
#2361e3
```
#2361e3 rgb(35,97,227)
```
#1a5dec
```
#1a5dec rgb(26,93,236)
```
#105af6
```
#105af6 rgb(16,90,246)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#61697c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4773c9 Protanopia 1% of men
#1877c6 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#4470c8 Protanomaly 1% of men, 0.01% of women
#2673c6 Deuteranomaly 6% of men, 0.4% of women
#1779a0 Tritanomaly 0.01% of the population

#406bc6 hex color

#406bc6 Color Information

#406bc6 Color Conversion

Color Schemes with #406bc6

Alternatives to #406bc6

#406bc6 Preview

Shades and Tints of #406bc6

Tones of #406bc6

Color Blindness Simulator