#406cca hex color

In a RGB color space, hex #406cca is composed of 25.1% red, 42.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 46.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 220.9 degrees, a saturation of 56.6% and a lightness of 52.2%. #406cca color hex could be obtained by blending #80d8ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 79
RGB color chart
- C 68
- M 47
- Y 0
- K 21
CMYK color chart

● #406cca color description : Moderate blue.

The hexadecimal color #406cca has RGB values of R:64, G:108, B:202 and CMYK values of C:0.68, M:0.47, Y:0, K:0.21. Its decimal value is 4222154.

Hex triplet	406cca	`#406cca`
RGB Decimal	64, 108, 202	`rgb(64,108,202)`
RGB Percent	25.1, 42.4, 79.2	`rgb(25.1%,42.4%,79.2%)`
CMYK	68, 47, 0, 21
HSL	220.9°, 56.6, 52.2	`hsl(220.9,56.6%,52.2%)`
HSV (or HSB)	220.9°, 68.3, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.077, 15.966, -53.393
XYZ	18.135, 16.078, 58.022
xyY	0.197, 0.174, 16.078
CIE-LCH	47.077, 55.729, 286.648
CIE-LUV	47.077, -18.637, -82.274
Hunter-Lab	40.098, 10.561, -57.725
Binary	01000000, 01101100, 11001010

#406cca
```
#406cca rgb(64,108,202)
```
#ca9e40
```
#ca9e40 rgb(202,158,64)
```

Complementary Color

#40b1ca
```
#40b1ca rgb(64,177,202)
```
#406cca
```
#406cca rgb(64,108,202)
```
#5940ca
```
#5940ca rgb(89,64,202)
```

Analogous Color

#b1ca40
```
#b1ca40 rgb(177,202,64)
```
#406cca
```
#406cca rgb(64,108,202)
```
#ca5940
```
#ca5940 rgb(202,89,64)
```

Split Complementary Color

#6cca40
```
#6cca40 rgb(108,202,64)
```
#406cca
```
#406cca rgb(64,108,202)
```
#ca406c
```
#ca406c rgb(202,64,108)
```

Triadic Color

#40ca9e
```
#40ca9e rgb(64,202,158)
```
#406cca
```
#406cca rgb(64,108,202)
```
#ca406c
```
#ca406c rgb(202,64,108)
```
#ca9e40
```
#ca9e40 rgb(202,158,64)
```

Tetradic Color

#294b94
```
#294b94 rgb(41,75,148)
```
#2f55a8
```
#2f55a8 rgb(47,85,168)
```
#3460bc
```
#3460bc rgb(52,96,188)
```
#406cca
```
#406cca rgb(64,108,202)
```
#547bd0
```
#547bd0 rgb(84,123,208)
```
#688bd5
```
#688bd5 rgb(104,139,213)
```
#7c9adb
```
#7c9adb rgb(124,154,219)
```

Monochromatic Color

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

#408fca
```
#408fca rgb(64,143,202)
```
#4083ca
```
#4083ca rgb(64,131,202)
```
#4078ca
```
#4078ca rgb(64,120,202)
```
#406cca
```
#406cca rgb(64,108,202)
```
#4061ca
```
#4061ca rgb(64,97,202)
```
#4055ca
```
#4055ca rgb(64,85,202)
```
#404aca
```
#404aca rgb(64,74,202)
```

Similar Colors

Text with hexadecimal color #406cca

This text has a font color of #406cca.

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

#406cca background color

This paragraph has a background color of #406cca.

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

#406cca border color

This element has a border color of #406cca.

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

CSS codes

.text {color:#406cca;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#070c18
```
#070c18 rgb(7,12,24)
```
#0b1427
```
#0b1427 rgb(11,20,39)
```
#0f1c37
```
#0f1c37 rgb(15,28,55)
```
#132446
```
#132446 rgb(19,36,70)
```
#182b55
```
#182b55 rgb(24,43,85)
```
#1c3365
```
#1c3365 rgb(28,51,101)
```
#203b74
```
#203b74 rgb(32,59,116)
```
#244383
```
#244383 rgb(36,67,131)
```
#294b93
```
#294b93 rgb(41,75,147)
```
#2d52a2
```
#2d52a2 rgb(45,82,162)
```
#315ab2
```
#315ab2 rgb(49,90,178)
```
#3662c1
```
#3662c1 rgb(54,98,193)
```

Shade Color Variation

#406cca
```
#406cca rgb(64,108,202)
```
#4f78ce
```
#4f78ce rgb(79,120,206)
```
#5f84d3
```
#5f84d3 rgb(95,132,211)
```
#6e8fd7
```
#6e8fd7 rgb(110,143,215)
```
#7d9bdb
```
#7d9bdb rgb(125,155,219)
```
#8da7df
```
#8da7df rgb(141,167,223)
```
#9cb3e4
```
#9cb3e4 rgb(156,179,228)
```
#abbfe8
```
#abbfe8 rgb(171,191,232)
```
#bbcbec
```
#bbcbec rgb(187,203,236)
```
#cad6f0
```
#cad6f0 rgb(202,214,240)
```
#dae2f5
```
#dae2f5 rgb(218,226,245)
```
#e9eef9
```
#e9eef9 rgb(233,238,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#828488
```
#828488 rgb(130,132,136)
```
#788092
```
#788092 rgb(120,128,146)
```
#6f7d9b
```
#6f7d9b rgb(111,125,155)
```
#667aa4
```
#667aa4 rgb(102,122,164)
```
#5c76ae
```
#5c76ae rgb(92,118,174)
```
#5373b7
```
#5373b7 rgb(83,115,183)
```
#496fc1
```
#496fc1 rgb(73,111,193)
```
#406cca
```
#406cca rgb(64,108,202)
```
#3769d3
```
#3769d3 rgb(55,105,211)
```
#2d65dd
```
#2d65dd rgb(45,101,221)
```
#2462e6
```
#2462e6 rgb(36,98,230)
```
#1a5ef0
```
#1a5ef0 rgb(26,94,240)
```
#115bf9
```
#115bf9 rgb(17,91,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#626a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4674cd Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4371cc Protanomaly 1% of men, 0.01% of women
#1774c9 Deuteranomaly 6% of men, 0.4% of women
#177aa2 Tritanomaly 0.01% of the population

#406cca hex color

#406cca Color Information

#406cca Color Conversion

Color Schemes with #406cca

Alternatives to #406cca

#406cca Preview

Shades and Tints of #406cca

Tones of #406cca

Color Blindness Simulator