#406aef hex color

In a RGB color space, hex #406aef is composed of 25.1% red, 41.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 55.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 225.6 degrees, a saturation of 84.5% and a lightness of 59.4%. #406aef color hex could be obtained by blending #80d4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 42
- B 94
RGB color chart
- C 73
- M 56
- Y 0
- K 6
CMYK color chart

● #406aef color description : Bright blue.

The hexadecimal color #406aef has RGB values of R:64, G:106, B:239 and CMYK values of C:0.73, M:0.56, Y:0, K:0.06. Its decimal value is 4221679.

Hex triplet	406aef	`#406aef`
RGB Decimal	64, 106, 239	`rgb(64,106,239)`
RGB Percent	25.1, 41.6, 93.7	`rgb(25.1%,41.6%,93.7%)`
CMYK	73, 56, 0, 6
HSL	225.6°, 84.5, 59.4	`hsl(225.6,84.5%,59.4%)`
HSV (or HSB)	225.6°, 73.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.042, 30.522, -71.182
XYZ	22.845, 17.628, 83.855
xyY	0.184, 0.142, 17.628
CIE-LCH	49.042, 77.45, 293.209
CIE-LUV	49.042, -18.012, -110.867
Hunter-Lab	41.986, 23.647, -89.024
Binary	01000000, 01101010, 11101111

#406aef
```
#406aef rgb(64,106,239)
```
#efc540
```
#efc540 rgb(239,197,64)
```

Complementary Color

#40c2ef
```
#40c2ef rgb(64,194,239)
```
#406aef
```
#406aef rgb(64,106,239)
```
#6e40ef
```
#6e40ef rgb(110,64,239)
```

Analogous Color

#c2ef40
```
#c2ef40 rgb(194,239,64)
```
#406aef
```
#406aef rgb(64,106,239)
```
#ef6e40
```
#ef6e40 rgb(239,110,64)
```

Split Complementary Color

#6aef40
```
#6aef40 rgb(106,239,64)
```
#406aef
```
#406aef rgb(64,106,239)
```
#ef406a
```
#ef406a rgb(239,64,106)
```

Triadic Color

#40efc5
```
#40efc5 rgb(64,239,197)
```
#406aef
```
#406aef rgb(64,106,239)
```
#ef406a
```
#ef406a rgb(239,64,106)
```
#efc540
```
#efc540 rgb(239,197,64)
```

Tetradic Color

#123fd1
```
#123fd1 rgb(18,63,209)
```
#1347e9
```
#1347e9 rgb(19,71,233)
```
#2858ed
```
#2858ed rgb(40,88,237)
```
#406aef
```
#406aef rgb(64,106,239)
```
#587cf1
```
#587cf1 rgb(88,124,241)
```
#6f8ff3
```
#6f8ff3 rgb(111,143,243)
```
#87a1f5
```
#87a1f5 rgb(135,161,245)
```

Monochromatic Color

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

#4096ef
```
#4096ef rgb(64,150,239)
```
#4087ef
```
#4087ef rgb(64,135,239)
```
#4079ef
```
#4079ef rgb(64,121,239)
```
#406aef
```
#406aef rgb(64,106,239)
```
#405bef
```
#405bef rgb(64,91,239)
```
#404def
```
#404def rgb(64,77,239)
```
#4240ef
```
#4240ef rgb(66,64,239)
```

Similar Colors

Text with hexadecimal color #406aef

This text has a font color of #406aef.

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

#406aef background color

This paragraph has a background color of #406aef.

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

#406aef border color

This element has a border color of #406aef.

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

CSS codes

.text {color:#406aef;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02081a
```
#02081a rgb(2,8,26)
```
#040d2c
```
#040d2c rgb(4,13,44)
```
#05133e
```
#05133e rgb(5,19,62)
```
#071850
```
#071850 rgb(7,24,80)
```
#081e63
```
#081e63 rgb(8,30,99)
```
#0a2375
```
#0a2375 rgb(10,35,117)
```
#0b2987
```
#0b2987 rgb(11,41,135)
```
#0d2e99
```
#0d2e99 rgb(13,46,153)
```
#0e34ab
```
#0e34ab rgb(14,52,171)
```
#1039bd
```
#1039bd rgb(16,57,189)
```
#113fcf
```
#113fcf rgb(17,63,207)
```
#1344e1
```
#1344e1 rgb(19,68,225)
```

Shade Color Variation

#1c4eec
```
#1c4eec rgb(28,78,236)
```
#2e5ced
```
#2e5ced rgb(46,92,237)
```
#406aef
```
#406aef rgb(64,106,239)
```
#5278f1
```
#5278f1 rgb(82,120,241)
```
#6486f2
```
#6486f2 rgb(100,134,242)
```
#7694f4
```
#7694f4 rgb(118,148,244)
```
#88a2f5
```
#88a2f5 rgb(136,162,245)
```
#9ab1f7
```
#9ab1f7 rgb(154,177,247)
```
#adbff8
```
#adbff8 rgb(173,191,248)
```
#bfcdfa
```
#bfcdfa rgb(191,205,250)
```
#d1dbfb
```
#d1dbfb rgb(209,219,251)
```
#e3e9fd
```
#e3e9fd rgb(227,233,253)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90939f is the less saturated color, while #3062ff is the most saturated one.

#90939f
```
#90939f rgb(144,147,159)
```
#888fa7
```
#888fa7 rgb(136,143,167)
```
#808baf
```
#808baf rgb(128,139,175)
```
#7887b7
```
#7887b7 rgb(120,135,183)
```
#7083bf
```
#7083bf rgb(112,131,191)
```
#687fc7
```
#687fc7 rgb(104,127,199)
```
#607bcf
```
#607bcf rgb(96,123,207)
```
#5876d7
```
#5876d7 rgb(88,118,215)
```
#5072df
```
#5072df rgb(80,114,223)
```
#486ee7
```
#486ee7 rgb(72,110,231)
```
#406aef
```
#406aef rgb(64,106,239)
```
#3866f7
```
#3866f7 rgb(56,102,247)
```
#3062ff
```
#3062ff rgb(48,98,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#646c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#1772ec Protanomaly 1% of men, 0.01% of women
#1777d9 Deuteranomaly 6% of men, 0.4% of women
#177db2 Tritanomaly 0.01% of the population

#406aef hex color

#406aef Color Information

#406aef Color Conversion

Color Schemes with #406aef

Alternatives to #406aef

#406aef Preview

Shades and Tints of #406aef

Tones of #406aef

Color Blindness Simulator