#406aee hex color

In a RGB color space, hex #406aee is composed of 25.1% red, 41.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 55.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 225.5 degrees, a saturation of 83.7% and a lightness of 59.2%. #406aee color hex could be obtained by blending #80d4ff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 42
- B 93
RGB color chart
- C 73
- M 55
- Y 0
- K 7
CMYK color chart

● #406aee color description : Bright blue.

The hexadecimal color #406aee has RGB values of R:64, G:106, B:238 and CMYK values of C:0.73, M:0.55, Y:0, K:0.07. Its decimal value is 4221678.

Hex triplet	406aee	`#406aee`
RGB Decimal	64, 106, 238	`rgb(64,106,238)`
RGB Percent	25.1, 41.6, 93.3	`rgb(25.1%,41.6%,93.3%)`
CMYK	73, 55, 0, 7
HSL	225.5°, 83.7, 59.2	`hsl(225.5,83.7%,59.2%)`
HSV (or HSB)	225.5°, 73.1, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.97, 30.165, -70.74
XYZ	22.698, 17.57, 83.079
xyY	0.184, 0.142, 17.57
CIE-LCH	48.97, 76.903, 293.094
CIE-LUV	48.97, -18.009, -110.157
Hunter-Lab	41.916, 23.306, -88.174
Binary	01000000, 01101010, 11101110

#406aee
```
#406aee rgb(64,106,238)
```
#eec440
```
#eec440 rgb(238,196,64)
```

Complementary Color

#40c1ee
```
#40c1ee rgb(64,193,238)
```
#406aee
```
#406aee rgb(64,106,238)
```
#6d40ee
```
#6d40ee rgb(109,64,238)
```

Analogous Color

#c1ee40
```
#c1ee40 rgb(193,238,64)
```
#406aee
```
#406aee rgb(64,106,238)
```
#ee6d40
```
#ee6d40 rgb(238,109,64)
```

Split Complementary Color

#6aee40
```
#6aee40 rgb(106,238,64)
```
#406aee
```
#406aee rgb(64,106,238)
```
#ee406a
```
#ee406a rgb(238,64,106)
```

Triadic Color

#40eec4
```
#40eec4 rgb(64,238,196)
```
#406aee
```
#406aee rgb(64,106,238)
```
#ee406a
```
#ee406a rgb(238,64,106)
```
#eec440
```
#eec440 rgb(238,196,64)
```

Tetradic Color

#1240cf
```
#1240cf rgb(18,64,207)
```
#1547e6
```
#1547e6 rgb(21,71,230)
```
#2958ec
```
#2958ec rgb(41,88,236)
```
#406aee
```
#406aee rgb(64,106,238)
```
#577cf0
```
#577cf0 rgb(87,124,240)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#86a1f4
```
#86a1f4 rgb(134,161,244)
```

Monochromatic Color

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

#4096ee
```
#4096ee rgb(64,150,238)
```
#4087ee
```
#4087ee rgb(64,135,238)
```
#4079ee
```
#4079ee rgb(64,121,238)
```
#406aee
```
#406aee rgb(64,106,238)
```
#405cee
```
#405cee rgb(64,92,238)
```
#404dee
```
#404dee rgb(64,77,238)
```
#4140ee
```
#4140ee rgb(65,64,238)
```

Similar Colors

Text with hexadecimal color #406aee

This text has a font color of #406aee.

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

#406aee background color

This paragraph has a background color of #406aee.

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

#406aee border color

This element has a border color of #406aee.

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

CSS codes

.text {color:#406aee;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020819
```
#020819 rgb(2,8,25)
```
#040d2b
```
#040d2b rgb(4,13,43)
```
#05133d
```
#05133d rgb(5,19,61)
```
#07184f
```
#07184f rgb(7,24,79)
```
#091e61
```
#091e61 rgb(9,30,97)
```
#0a2473
```
#0a2473 rgb(10,36,115)
```
#0c2985
```
#0c2985 rgb(12,41,133)
```
#0d2f97
```
#0d2f97 rgb(13,47,151)
```
#0f34a9
```
#0f34a9 rgb(15,52,169)
```
#113abb
```
#113abb rgb(17,58,187)
```
#123fcd
```
#123fcd rgb(18,63,205)
```
#1445df
```
#1445df rgb(20,69,223)
```

Shade Color Variation

#1c4eeb
```
#1c4eeb rgb(28,78,235)
```
#2e5cec
```
#2e5cec rgb(46,92,236)
```
#406aee
```
#406aee rgb(64,106,238)
```
#5278f0
```
#5278f0 rgb(82,120,240)
```
#6486f1
```
#6486f1 rgb(100,134,241)
```
#7694f3
```
#7694f3 rgb(118,148,243)
```
#88a2f4
```
#88a2f4 rgb(136,162,244)
```
#9ab0f6
```
#9ab0f6 rgb(154,176,246)
```
#acbef8
```
#acbef8 rgb(172,190,248)
```
#beccf9
```
#beccf9 rgb(190,204,249)
```
#d0dafb
```
#d0dafb rgb(208,218,251)
```
#e2e8fc
```
#e2e8fc rgb(226,232,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#90939e
```
#90939e rgb(144,147,158)
```
#888fa6
```
#888fa6 rgb(136,143,166)
```
#808bae
```
#808bae rgb(128,139,174)
```
#7887b6
```
#7887b6 rgb(120,135,182)
```
#7083be
```
#7083be rgb(112,131,190)
```
#687fc6
```
#687fc6 rgb(104,127,198)
```
#607bce
```
#607bce rgb(96,123,206)
```
#5876d6
```
#5876d6 rgb(88,118,214)
```
#5072de
```
#5072de rgb(80,114,222)
```
#486ee6
```
#486ee6 rgb(72,110,230)
```
#406aee
```
#406aee rgb(64,106,238)
```
#3866f6
```
#3866f6 rgb(56,102,246)
```
#3062fe
```
#3062fe rgb(48,98,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#636c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1772eb Protanomaly 1% of men, 0.01% of women
#1776d9 Deuteranomaly 6% of men, 0.4% of women
#177cb2 Tritanomaly 0.01% of the population

#406aee hex color

#406aee Color Information

#406aee Color Conversion

Color Schemes with #406aee

Alternatives to #406aee

#406aee Preview

Shades and Tints of #406aee

Tones of #406aee

Color Blindness Simulator