#406abc hex color

In a RGB color space, hex #406abc is composed of 25.1% red, 41.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 43.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 219.7 degrees, a saturation of 49.2% and a lightness of 49.4%. #406abc color hex could be obtained by blending #80d4ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 74
RGB color chart
- C 66
- M 44
- Y 0
- K 26
CMYK color chart

● #406abc color description : Moderate blue.

The hexadecimal color #406abc has RGB values of R:64, G:106, B:188 and CMYK values of C:0.66, M:0.44, Y:0, K:0.26. Its decimal value is 4221628.

Hex triplet	406abc	`#406abc`
RGB Decimal	64, 106, 188	`rgb(64,106,188)`
RGB Percent	25.1, 41.6, 73.7	`rgb(25.1%,41.6%,73.7%)`
CMYK	66, 44, 0, 26
HSL	219.7°, 49.2, 49.4	`hsl(219.7,49.2%,49.4%)`
HSV (or HSB)	219.7°, 66, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.672, 12.21, -47.57
XYZ	16.343, 15.028, 49.614
xyY	0.202, 0.186, 15.028
CIE-LCH	45.672, 49.112, 284.395
CIE-LUV	45.672, -18.093, -72.48
Hunter-Lab	38.766, 7.415, -48.745
Binary	01000000, 01101010, 10111100

#406abc
```
#406abc rgb(64,106,188)
```
#bc9240
```
#bc9240 rgb(188,146,64)
```

Complementary Color

#40a8bc
```
#40a8bc rgb(64,168,188)
```
#406abc
```
#406abc rgb(64,106,188)
```
#5440bc
```
#5440bc rgb(84,64,188)
```

Analogous Color

#a8bc40
```
#a8bc40 rgb(168,188,64)
```
#406abc
```
#406abc rgb(64,106,188)
```
#bc5440
```
#bc5440 rgb(188,84,64)
```

Split Complementary Color

#6abc40
```
#6abc40 rgb(106,188,64)
```
#406abc
```
#406abc rgb(64,106,188)
```
#bc406a
```
#bc406a rgb(188,64,106)
```

Triadic Color

#40bc92
```
#40bc92 rgb(64,188,146)
```
#406abc
```
#406abc rgb(64,106,188)
```
#bc406a
```
#bc406a rgb(188,64,106)
```
#bc9240
```
#bc9240 rgb(188,146,64)
```

Tetradic Color

#2d4a83
```
#2d4a83 rgb(45,74,131)
```
#335596
```
#335596 rgb(51,85,150)
```
#3a5fa9
```
#3a5fa9 rgb(58,95,169)
```
#406abc
```
#406abc rgb(64,106,188)
```
#5278c4
```
#5278c4 rgb(82,120,196)
```
#6587ca
```
#6587ca rgb(101,135,202)
```
#7896d1
```
#7896d1 rgb(120,150,209)
```

Monochromatic Color

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

#4089bc
```
#4089bc rgb(64,137,188)
```
#407fbc
```
#407fbc rgb(64,127,188)
```
#4074bc
```
#4074bc rgb(64,116,188)
```
#406abc
```
#406abc rgb(64,106,188)
```
#4060bc
```
#4060bc rgb(64,96,188)
```
#4055bc
```
#4055bc rgb(64,85,188)
```
#404bbc
```
#404bbc rgb(64,75,188)
```

Similar Colors

Text with hexadecimal color #406abc

This text has a font color of #406abc.

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

#406abc background color

This paragraph has a background color of #406abc.

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

#406abc border color

This element has a border color of #406abc.

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

CSS codes

.text {color:#406abc;}

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

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

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, #04070c is the darkest color, while #fdfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#132038
```
#132038 rgb(19,32,56)
```
#182847
```
#182847 rgb(24,40,71)
```
#1d3056
```
#1d3056 rgb(29,48,86)
```
#223864
```
#223864 rgb(34,56,100)
```
#274173
```
#274173 rgb(39,65,115)
```
#2c4981
```
#2c4981 rgb(44,73,129)
```
#315190
```
#315190 rgb(49,81,144)
```
#36599f
```
#36599f rgb(54,89,159)
```
#3b62ad
```
#3b62ad rgb(59,98,173)
```
#406abc
```
#406abc rgb(64,106,188)
```

Shade Color Variation

#4d75c2
```
#4d75c2 rgb(77,117,194)
```
#5c80c7
```
#5c80c7 rgb(92,128,199)
```
#6a8ccc
```
#6a8ccc rgb(106,140,204)
```
#7997d1
```
#7997d1 rgb(121,151,209)
```
#88a2d6
```
#88a2d6 rgb(136,162,214)
```
#96aedb
```
#96aedb rgb(150,174,219)
```
#a5b9e0
```
#a5b9e0 rgb(165,185,224)
```
#b4c4e5
```
#b4c4e5 rgb(180,196,229)
```
#c2d0ea
```
#c2d0ea rgb(194,208,234)
```
#d1dbef
```
#d1dbef rgb(209,219,239)
```
#dfe7f4
```
#dfe7f4 rgb(223,231,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7d82 is the less saturated color, while #0657f6 is the most saturated one.

#7a7d82
```
#7a7d82 rgb(122,125,130)
```
#707a8c
```
#707a8c rgb(112,122,140)
```
#677795
```
#677795 rgb(103,119,149)
```
#5d739f
```
#5d739f rgb(93,115,159)
```
#5370a9
```
#5370a9 rgb(83,112,169)
```
#4a6db2
```
#4a6db2 rgb(74,109,178)
```
#406abc
```
#406abc rgb(64,106,188)
```
#3667c6
```
#3667c6 rgb(54,103,198)
```
#2d64cf
```
#2d64cf rgb(45,100,207)
```
#2361d9
```
#2361d9 rgb(35,97,217)
```
#195de3
```
#195de3 rgb(25,93,227)
```
#105aec
```
#105aec rgb(16,90,236)
```
#0657f6
```
#0657f6 rgb(6,87,246)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f6878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d71bf Protanopia 1% of men
#3175be Deuteranopia 1% of men
#127e88 Tritanopia 0.001% of the population

Trichromacy

#486ebd Protanomaly 1% of men, 0.01% of women
#3671bd Deuteranomaly 6% of men, 0.4% of women
#23779b Tritanomaly 0.01% of the population

#406abc hex color

#406abc Color Information

#406abc Color Conversion

Color Schemes with #406abc

Alternatives to #406abc

#406abc Preview

Shades and Tints of #406abc

Tones of #406abc

Color Blindness Simulator