#408ae5 hex color

In a RGB color space, hex #408ae5 is composed of 25.1% red, 54.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 39.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 213.1 degrees, a saturation of 76% and a lightness of 57.5%. #408ae5 color hex could be obtained by blending #80ffff with #0015cb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 54
- B 90
RGB color chart
- C 72
- M 40
- Y 0
- K 10
CMYK color chart

● #408ae5 color description : Bright blue.

The hexadecimal color #408ae5 has RGB values of R:64, G:138, B:229 and CMYK values of C:0.72, M:0.4, Y:0, K:0.1. Its decimal value is 4229861.

Hex triplet	408ae5	`#408ae5`
RGB Decimal	64, 138, 229	`rgb(64,138,229)`
RGB Percent	25.1, 54.1, 89.8	`rgb(25.1%,54.1%,89.8%)`
CMYK	72, 40, 0, 10
HSL	213.1°, 76, 57.5	`hsl(213.1,76%,57.5%)`
HSV (or HSB)	213.1°, 72.1, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	57, 7.162, -52.786
XYZ	25.342, 24.922, 77.599
xyY	0.198, 0.195, 24.922
CIE-LCH	57, 53.27, 277.727
CIE-LUV	57, -27.741, -84.041
Hunter-Lab	49.922, 3.25, -57.215
Binary	01000000, 10001010, 11100101

#408ae5
```
#408ae5 rgb(64,138,229)
```
#e59b40
```
#e59b40 rgb(229,155,64)
```

Complementary Color

#40dde5
```
#40dde5 rgb(64,221,229)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#4840e5
```
#4840e5 rgb(72,64,229)
```

Analogous Color

#dde540
```
#dde540 rgb(221,229,64)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#e54940
```
#e54940 rgb(229,73,64)
```

Split Complementary Color

#8ae540
```
#8ae540 rgb(138,229,64)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#e5408a
```
#e5408a rgb(229,64,138)
```

Triadic Color

#40e59b
```
#40e59b rgb(64,229,155)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#e5408a
```
#e5408a rgb(229,64,138)
```
#e59b40
```
#e59b40 rgb(229,155,64)
```

Tetradic Color

#1a64bf
```
#1a64bf rgb(26,100,191)
```
#1d70d5
```
#1d70d5 rgb(29,112,213)
```
#2a7ce2
```
#2a7ce2 rgb(42,124,226)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#5698e8
```
#5698e8 rgb(86,152,232)
```
#6da5eb
```
#6da5eb rgb(109,165,235)
```
#83b3ee
```
#83b3ee rgb(131,179,238)
```

Monochromatic Color

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

#40b3e5
```
#40b3e5 rgb(64,179,229)
```
#40a6e5
```
#40a6e5 rgb(64,166,229)
```
#4098e5
```
#4098e5 rgb(64,152,229)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#407ce5
```
#407ce5 rgb(64,124,229)
```
#406fe5
```
#406fe5 rgb(64,111,229)
```
#4061e5
```
#4061e5 rgb(64,97,229)
```

Similar Colors

Text with hexadecimal color #408ae5

This text has a font color of #408ae5.

<span style="color:#408ae5;">Text here</span>

#408ae5 background color

This paragraph has a background color of #408ae5.

<p style="background-color:#408ae5;">Content here</p>

#408ae5 border color

This element has a border color of #408ae5.

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

CSS codes

.text {color:#408ae5;}

.background {background-color:#408ae5;}

.border {border:1px solid #408ae5;}

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

#020810
```
#020810 rgb(2,8,16)
```
#051221
```
#051221 rgb(5,18,33)
```
#071b33
```
#071b33 rgb(7,27,51)
```
#092444
```
#092444 rgb(9,36,68)
```
#0c2d55
```
#0c2d55 rgb(12,45,85)
```
#0e3667
```
#0e3667 rgb(14,54,103)
```
#103f78
```
#103f78 rgb(16,63,120)
```
#134889
```
#134889 rgb(19,72,137)
```
#15519a
```
#15519a rgb(21,81,154)
```
#175aac
```
#175aac rgb(23,90,172)
```
#1a63bd
```
#1a63bd rgb(26,99,189)
```
#1c6cce
```
#1c6cce rgb(28,108,206)
```
#1e75df
```
#1e75df rgb(30,117,223)
```

Shade Color Variation

#2f7fe3
```
#2f7fe3 rgb(47,127,227)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#5195e7
```
#5195e7 rgb(81,149,231)
```
#639fea
```
#639fea rgb(99,159,234)
```
#74aaec
```
#74aaec rgb(116,170,236)
```
#85b4ee
```
#85b4ee rgb(133,180,238)
```
#96bff1
```
#96bff1 rgb(150,191,241)
```
#a8c9f3
```
#a8c9f3 rgb(168,201,243)
```
#b9d4f5
```
#b9d4f5 rgb(185,212,245)
```
#cadff8
```
#cadff8 rgb(202,223,248)
```
#dbe9fa
```
#dbe9fa rgb(219,233,250)
```
#edf4fd
```
#edf4fd rgb(237,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b929a
```
#8b929a rgb(139,146,154)
```
#8391a2
```
#8391a2 rgb(131,145,162)
```
#7a90ab
```
#7a90ab rgb(122,144,171)
```
#728fb3
```
#728fb3 rgb(114,143,179)
```
#6a8ebb
```
#6a8ebb rgb(106,142,187)
```
#618dc4
```
#618dc4 rgb(97,141,196)
```
#598dcc
```
#598dcc rgb(89,141,204)
```
#518cd4
```
#518cd4 rgb(81,140,212)
```
#488bdd
```
#488bdd rgb(72,139,221)
```
#408ae5
```
#408ae5 rgb(64,138,229)
```
#3889ed
```
#3889ed rgb(56,137,237)
```
#2f88f6
```
#2f88f6 rgb(47,136,246)
```
#2787fe
```
#2787fe rgb(39,135,254)
```

Tone Color Variation

Below, you can see how #408ae5 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

#7e7e7e Achromatopsia 0.005% of the population
#728093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678ce3 Protanopia 1% of men
#4990e6 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#598be3 Protanomaly 1% of men, 0.01% of women
#458de5 Deuteranomaly 6% of men, 0.4% of women
#1796be Tritanomaly 0.01% of the population

#408ae5 hex color

#408ae5 Color Information

#408ae5 Color Conversion

Color Schemes with #408ae5

Alternatives to #408ae5

#408ae5 Preview

Shades and Tints of #408ae5

Tones of #408ae5

Color Blindness Simulator