#406fe3 hex color

In a RGB color space, hex #406fe3 is composed of 25.1% red, 43.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 51.1% magenta, 0% yellow and 11% black. It has a hue angle of 222.7 degrees, a saturation of 74.4% and a lightness of 57.1%. #406fe3 color hex could be obtained by blending #80deff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 44
- B 89
RGB color chart
- C 72
- M 51
- Y 0
- K 11
CMYK color chart

● #406fe3 color description : Bright blue.

The hexadecimal color #406fe3 has RGB values of R:64, G:111, B:227 and CMYK values of C:0.72, M:0.51, Y:0, K:0.11. Its decimal value is 4222947.

Hex triplet	406fe3	`#406fe3`
RGB Decimal	64, 111, 227	`rgb(64,111,227)`
RGB Percent	25.1, 43.5, 89	`rgb(25.1%,43.5%,89%)`
CMYK	72, 51, 0, 11
HSL	222.7°, 74.4, 57.1	`hsl(222.7,74.4%,57.1%)`
HSV (or HSB)	222.7°, 71.8, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.5, 23.081, -63.7
XYZ	21.661, 18.003, 75.002
xyY	0.189, 0.157, 18.003
CIE-LCH	49.5, 67.753, 289.917
CIE-LUV	49.5, -19.408, -99.589
Hunter-Lab	42.43, 16.872, -75.103
Binary	01000000, 01101111, 11100011

#406fe3
```
#406fe3 rgb(64,111,227)
```
#e3b440
```
#e3b440 rgb(227,180,64)
```

Complementary Color

#40c1e3
```
#40c1e3 rgb(64,193,227)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#6240e3
```
#6240e3 rgb(98,64,227)
```

Analogous Color

#c1e340
```
#c1e340 rgb(193,227,64)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#e36340
```
#e36340 rgb(227,99,64)
```

Split Complementary Color

#6fe340
```
#6fe340 rgb(111,227,64)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#e3406f
```
#e3406f rgb(227,64,111)
```

Triadic Color

#40e3b4
```
#40e3b4 rgb(64,227,180)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#e3406f
```
#e3406f rgb(227,64,111)
```
#e3b440
```
#e3b440 rgb(227,180,64)
```

Tetradic Color

#1b49bb
```
#1b49bb rgb(27,73,187)
```
#1f52d1
```
#1f52d1 rgb(31,82,209)
```
#2a5ee0
```
#2a5ee0 rgb(42,94,224)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#5680e6
```
#5680e6 rgb(86,128,230)
```
#6c91ea
```
#6c91ea rgb(108,145,234)
```
#83a1ed
```
#83a1ed rgb(131,161,237)
```

Monochromatic Color

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

#4098e3
```
#4098e3 rgb(64,152,227)
```
#408ae3
```
#408ae3 rgb(64,138,227)
```
#407de3
```
#407de3 rgb(64,125,227)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#4061e3
```
#4061e3 rgb(64,97,227)
```
#4054e3
```
#4054e3 rgb(64,84,227)
```
#4046e3
```
#4046e3 rgb(64,70,227)
```

Similar Colors

Text with hexadecimal color #406fe3

This text has a font color of #406fe3.

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

#406fe3 background color

This paragraph has a background color of #406fe3.

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

#406fe3 border color

This element has a border color of #406fe3.

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

CSS codes

.text {color:#406fe3;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#050c1f
```
#050c1f rgb(5,12,31)
```
#071331
```
#071331 rgb(7,19,49)
```
#0a1a42
```
#0a1a42 rgb(10,26,66)
```
#0c2053
```
#0c2053 rgb(12,32,83)
```
#0f2764
```
#0f2764 rgb(15,39,100)
```
#112e75
```
#112e75 rgb(17,46,117)
```
#143586
```
#143586 rgb(20,53,134)
```
#163b97
```
#163b97 rgb(22,59,151)
```
#1942a8
```
#1942a8 rgb(25,66,168)
```
#1b49b9
```
#1b49b9 rgb(27,73,185)
```
#1e50ca
```
#1e50ca rgb(30,80,202)
```
#2056dc
```
#2056dc rgb(32,86,220)
```

Shade Color Variation

#2f62e0
```
#2f62e0 rgb(47,98,224)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#517ce6
```
#517ce6 rgb(81,124,230)
```
#6289e8
```
#6289e8 rgb(98,137,232)
```
#7396eb
```
#7396eb rgb(115,150,235)
```
#84a3ed
```
#84a3ed rgb(132,163,237)
```
#96aff0
```
#96aff0 rgb(150,175,240)
```
#a7bcf2
```
#a7bcf2 rgb(167,188,242)
```
#b8c9f5
```
#b8c9f5 rgb(184,201,245)
```
#c9d6f7
```
#c9d6f7 rgb(201,214,247)
```
#dae3fa
```
#dae3fa rgb(218,227,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8c8f97
```
#8c8f97 rgb(140,143,151)
```
#838ca0
```
#838ca0 rgb(131,140,160)
```
#7b88a8
```
#7b88a8 rgb(123,136,168)
```
#7384b0
```
#7384b0 rgb(115,132,176)
```
#6a81b9
```
#6a81b9 rgb(106,129,185)
```
#627dc1
```
#627dc1 rgb(98,125,193)
```
#597aca
```
#597aca rgb(89,122,202)
```
#5176d2
```
#5176d2 rgb(81,118,210)
```
#4873db
```
#4873db rgb(72,115,219)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#386beb
```
#386beb rgb(56,107,235)
```
#2f68f4
```
#2f68f4 rgb(47,104,244)
```
#2764fc
```
#2764fc rgb(39,100,252)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#656e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d79e6 Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#3375e5 Protanomaly 1% of men, 0.01% of women
#1779d7 Deuteranomaly 6% of men, 0.4% of women
#177faf Tritanomaly 0.01% of the population

#406fe3 hex color

#406fe3 Color Information

#406fe3 Color Conversion

Color Schemes with #406fe3

Alternatives to #406fe3

#406fe3 Preview

Shades and Tints of #406fe3

Tones of #406fe3

Color Blindness Simulator