#406ade hex color

In a RGB color space, hex #406ade is composed of 25.1% red, 41.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 52.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 224.1 degrees, a saturation of 70.5% and a lightness of 56.1%. #406ade color hex could be obtained by blending #80d4ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 87
RGB color chart
- C 71
- M 52
- Y 0
- K 13
CMYK color chart

● #406ade color description : Bright blue.

The hexadecimal color #406ade has RGB values of R:64, G:106, B:222 and CMYK values of C:0.71, M:0.52, Y:0, K:0.13. Its decimal value is 4221662.

Hex triplet	406ade	`#406ade`
RGB Decimal	64, 106, 222	`rgb(64,106,222)`
RGB Percent	25.1, 41.6, 87.1	`rgb(25.1%,41.6%,87.1%)`
CMYK	71, 52, 0, 13
HSL	224.1°, 70.5, 56.1	`hsl(224.1,70.5%,56.1%)`
HSV (or HSB)	224.1°, 71.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.842, 24.429, -63.557
XYZ	20.45, 16.671, 71.243
xyY	0.189, 0.154, 16.671
CIE-LCH	47.842, 68.09, 291.025
CIE-LUV	47.842, -17.982, -98.578
Hunter-Lab	40.83, 17.954, -74.874
Binary	01000000, 01101010, 11011110

#406ade
```
#406ade rgb(64,106,222)
```
#deb440
```
#deb440 rgb(222,180,64)
```

Complementary Color

#40b9de
```
#40b9de rgb(64,185,222)
```
#406ade
```
#406ade rgb(64,106,222)
```
#6540de
```
#6540de rgb(101,64,222)
```

Analogous Color

#b9de40
```
#b9de40 rgb(185,222,64)
```
#406ade
```
#406ade rgb(64,106,222)
```
#de6540
```
#de6540 rgb(222,101,64)
```

Split Complementary Color

#6ade40
```
#6ade40 rgb(106,222,64)
```
#406ade
```
#406ade rgb(64,106,222)
```
#de406a
```
#de406a rgb(222,64,106)
```

Triadic Color

#40deb4
```
#40deb4 rgb(64,222,180)
```
#406ade
```
#406ade rgb(64,106,222)
```
#de406a
```
#de406a rgb(222,64,106)
```
#deb440
```
#deb440 rgb(222,180,64)
```

Tetradic Color

#1f46b3
```
#1f46b3 rgb(31,70,179)
```
#234fc8
```
#234fc8 rgb(35,79,200)
```
#2a59da
```
#2a59da rgb(42,89,218)
```
#406ade
```
#406ade rgb(64,106,222)
```
#567be2
```
#567be2 rgb(86,123,226)
```
#6b8ce6
```
#6b8ce6 rgb(107,140,230)
```
#819de9
```
#819de9 rgb(129,157,233)
```

Monochromatic Color

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

#4092de
```
#4092de rgb(64,146,222)
```
#4084de
```
#4084de rgb(64,132,222)
```
#4077de
```
#4077de rgb(64,119,222)
```
#406ade
```
#406ade rgb(64,106,222)
```
#405dde
```
#405dde rgb(64,93,222)
```
#4050de
```
#4050de rgb(64,80,222)
```
#4042de
```
#4042de rgb(64,66,222)
```

Similar Colors

Text with hexadecimal color #406ade

This text has a font color of #406ade.

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

#406ade background color

This paragraph has a background color of #406ade.

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

#406ade border color

This element has a border color of #406ade.

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

CSS codes

.text {color:#406ade;}

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

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

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, #02040a is the darkest color, while #f8fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#050a1a
```
#050a1a rgb(5,10,26)
```
#07112b
```
#07112b rgb(7,17,43)
```
#0a183c
```
#0a183c rgb(10,24,60)
```
#0d1e4d
```
#0d1e4d rgb(13,30,77)
```
#10255d
```
#10255d rgb(16,37,93)
```
#132b6e
```
#132b6e rgb(19,43,110)
```
#16327f
```
#16327f rgb(22,50,127)
```
#193890
```
#193890 rgb(25,56,144)
```
#1c3fa0
```
#1c3fa0 rgb(28,63,160)
```
#1f45b1
```
#1f45b1 rgb(31,69,177)
```
#214cc2
```
#214cc2 rgb(33,76,194)
```
#2453d2
```
#2453d2 rgb(36,83,210)
```

Shade Color Variation

#2f5ddb
```
#2f5ddb rgb(47,93,219)
```
#406ade
```
#406ade rgb(64,106,222)
```
#5177e1
```
#5177e1 rgb(81,119,225)
```
#6184e4
```
#6184e4 rgb(97,132,228)
```
#7291e7
```
#7291e7 rgb(114,145,231)
```
#839eea
```
#839eea rgb(131,158,234)
```
#94abec
```
#94abec rgb(148,171,236)
```
#a4b8ef
```
#a4b8ef rgb(164,184,239)
```
#b5c5f2
```
#b5c5f2 rgb(181,197,242)
```
#c6d2f5
```
#c6d2f5 rgb(198,210,245)
```
#d7dff8
```
#d7dff8 rgb(215,223,248)
```
#e7ecfb
```
#e7ecfb rgb(231,236,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e90 is the less saturated color, while #265ef8 is the most saturated one.

#8e8e90
```
#8e8e90 rgb(142,142,144)
```
#858a99
```
#858a99 rgb(133,138,153)
```
#7c86a2
```
#7c86a2 rgb(124,134,162)
```
#7482aa
```
#7482aa rgb(116,130,170)
```
#6b7eb3
```
#6b7eb3 rgb(107,126,179)
```
#627abc
```
#627abc rgb(98,122,188)
```
#5a76c4
```
#5a76c4 rgb(90,118,196)
```
#5172cd
```
#5172cd rgb(81,114,205)
```
#496ed5
```
#496ed5 rgb(73,110,213)
```
#406ade
```
#406ade rgb(64,106,222)
```
#3766e7
```
#3766e7 rgb(55,102,231)
```
#2f62ef
```
#2f62ef rgb(47,98,239)
```
#265ef8
```
#265ef8 rgb(38,94,248)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#626b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2075e2 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#2b71e1 Protanomaly 1% of men, 0.01% of women
#1775d1 Deuteranomaly 6% of men, 0.4% of women
#177baa Tritanomaly 0.01% of the population

#406ade hex color

#406ade Color Information

#406ade Color Conversion

Color Schemes with #406ade

Alternatives to #406ade

#406ade Preview

Shades and Tints of #406ade

Tones of #406ade

Color Blindness Simulator