#406ac6 hex color

In a RGB color space, hex #406ac6 is composed of 25.1% red, 41.6% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 46.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 221.2 degrees, a saturation of 54% and a lightness of 51.4%. #406ac6 color hex could be obtained by blending #80d4ff 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

● #406ac6 color description : Moderate blue.

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

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

CIE-LAB	46.277, 15.792, -52.378
XYZ	17.459, 15.474, 55.49
xyY	0.197, 0.175, 15.474
CIE-LCH	46.277, 54.707, 286.778
CIE-LUV	46.277, -18.035, -80.369
Hunter-Lab	39.337, 10.384, -56.099
Binary	01000000, 01101010, 11000110

#406ac6
```
#406ac6 rgb(64,106,198)
```
#c69c40
```
#c69c40 rgb(198,156,64)
```

Complementary Color

#40adc6
```
#40adc6 rgb(64,173,198)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#5940c6
```
#5940c6 rgb(89,64,198)
```

Analogous Color

#adc640
```
#adc640 rgb(173,198,64)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#c65940
```
#c65940 rgb(198,89,64)
```

Split Complementary Color

#6ac640
```
#6ac640 rgb(106,198,64)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#c6406a
```
#c6406a rgb(198,64,106)
```

Triadic Color

#40c69c
```
#40c69c rgb(64,198,156)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#c6406a
```
#c6406a rgb(198,64,106)
```
#c69c40
```
#c69c40 rgb(198,156,64)
```

Tetradic Color

#2b4a8f
```
#2b4a8f rgb(43,74,143)
```
#3054a3
```
#3054a3 rgb(48,84,163)
```
#365eb6
```
#365eb6 rgb(54,94,182)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#5479cc
```
#5479cc rgb(84,121,204)
```
#6789d2
```
#6789d2 rgb(103,137,210)
```
#7b98d8
```
#7b98d8 rgb(123,152,216)
```

Monochromatic Color

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

#408cc6
```
#408cc6 rgb(64,140,198)
```
#4080c6
```
#4080c6 rgb(64,128,198)
```
#4075c6
```
#4075c6 rgb(64,117,198)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#405fc6
```
#405fc6 rgb(64,95,198)
```
#4054c6
```
#4054c6 rgb(64,84,198)
```
#4049c6
```
#4049c6 rgb(64,73,198)
```

Similar Colors

Text with hexadecimal color #406ac6

This text has a font color of #406ac6.

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

#406ac6 background color

This paragraph has a background color of #406ac6.

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

#406ac6 border color

This element has a border color of #406ac6.

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

CSS codes

.text {color:#406ac6;}

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

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

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)
```
#0b1224
```
#0b1224 rgb(11,18,36)
```
#0f1a33
```
#0f1a33 rgb(15,26,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)
```
#26417e
```
#26417e rgb(38,65,126)
```
#2a498d
```
#2a498d rgb(42,73,141)
```
#2f519c
```
#2f519c rgb(47,81,156)
```
#3359ac
```
#3359ac rgb(51,89,172)
```
#3861bb
```
#3861bb rgb(56,97,187)
```

Shade Color Variation

#406ac6
```
#406ac6 rgb(64,106,198)
```
#4f76cb
```
#4f76cb rgb(79,118,203)
```
#5e82cf
```
#5e82cf rgb(94,130,207)
```
#6d8dd4
```
#6d8dd4 rgb(109,141,212)
```
#7c99d8
```
#7c99d8 rgb(124,153,216)
```
#8ca5dd
```
#8ca5dd rgb(140,165,221)
```
#9bb1e1
```
#9bb1e1 rgb(155,177,225)
```
#aabce6
```
#aabce6 rgb(170,188,230)
```
#b9c8ea
```
#b9c8ea rgb(185,200,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 #1058f6 is the most saturated one.

#838383
```
#838383 rgb(131,131,131)
```
#797f8d
```
#797f8d rgb(121,127,141)
```
#707c96
```
#707c96 rgb(112,124,150)
```
#6678a0
```
#6678a0 rgb(102,120,160)
```
#5d75a9
```
#5d75a9 rgb(93,117,169)
```
#5371b3
```
#5371b3 rgb(83,113,179)
```
#4a6ebc
```
#4a6ebc rgb(74,110,188)
```
#406ac6
```
#406ac6 rgb(64,106,198)
```
#3666d0
```
#3666d0 rgb(54,102,208)
```
#2d63d9
```
#2d63d9 rgb(45,99,217)
```
#235fe3
```
#235fe3 rgb(35,95,227)
```
#1a5cec
```
#1a5cec rgb(26,92,236)
```
#1058f6
```
#1058f6 rgb(16,88,246)
```

Tone Color Variation

Below, you can see how #406ac6 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
#60687b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4572c9 Protanopia 1% of men
#0b77c6 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#436fc8 Protanomaly 1% of men, 0.01% of women
#1e72c6 Deuteranomaly 6% of men, 0.4% of women
#17789f Tritanomaly 0.01% of the population

#406ac6 hex color

#406ac6 Color Information

#406ac6 Color Conversion

Color Schemes with #406ac6

Alternatives to #406ac6

#406ac6 Preview

Shades and Tints of #406ac6

Tones of #406ac6

Color Blindness Simulator