#408ec5 hex color

In a RGB color space, hex #408ec5 is composed of 25.1% red, 55.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 27.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 204.8 degrees, a saturation of 53.4% and a lightness of 51.2%. #408ec5 color hex could be obtained by blending #80ffff with #001d8b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 56
- B 77
RGB color chart
- C 68
- M 28
- Y 0
- K 23
CMYK color chart

● #408ec5 color description : Moderate blue.

The hexadecimal color #408ec5 has RGB values of R:64, G:142, B:197 and CMYK values of C:0.68, M:0.28, Y:0, K:0.23. Its decimal value is 4230853.

Hex triplet	408ec5	`#408ec5`
RGB Decimal	64, 142, 197	`rgb(64,142,197)`
RGB Percent	25.1, 55.7, 77.3	`rgb(25.1%,55.7%,77.3%)`
CMYK	68, 28, 0, 23
HSL	204.8°, 53.4, 51.2	`hsl(204.8,53.4%,51.2%)`
HSV (or HSB)	204.8°, 67.5, 77.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.551, -6.363, -35.524
XYZ	21.863, 24.466, 56.39
xyY	0.213, 0.238, 24.466
CIE-LCH	56.551, 36.09, 259.845
CIE-LUV	56.551, -30.231, -54.213
Hunter-Lab	49.463, -7.661, -32.97
Binary	01000000, 10001110, 11000101

#408ec5
```
#408ec5 rgb(64,142,197)
```
#c57740
```
#c57740 rgb(197,119,64)
```

Complementary Color

#40c5ba
```
#40c5ba rgb(64,197,186)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#404cc5
```
#404cc5 rgb(64,76,197)
```

Analogous Color

#c5ba40
```
#c5ba40 rgb(197,186,64)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#c5404c
```
#c5404c rgb(197,64,76)
```

Split Complementary Color

#8ec540
```
#8ec540 rgb(142,197,64)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#c5408e
```
#c5408e rgb(197,64,142)
```

Triadic Color

#40c577
```
#40c577 rgb(64,197,119)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#c5408e
```
#c5408e rgb(197,64,142)
```
#c57740
```
#c57740 rgb(197,119,64)
```

Tetradic Color

#2b658e
```
#2b658e rgb(43,101,142)
```
#3173a1
```
#3173a1 rgb(49,115,161)
```
#3781b5
```
#3781b5 rgb(55,129,181)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#549acb
```
#549acb rgb(84,154,203)
```
#67a5d1
```
#67a5d1 rgb(103,165,209)
```
#7bb1d7
```
#7bb1d7 rgb(123,177,215)
```

Monochromatic Color

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

#40afc5
```
#40afc5 rgb(64,175,197)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#4099c5
```
#4099c5 rgb(64,153,197)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#4083c5
```
#4083c5 rgb(64,131,197)
```
#4078c5
```
#4078c5 rgb(64,120,197)
```
#406dc5
```
#406dc5 rgb(64,109,197)
```

Similar Colors

Text with hexadecimal color #408ec5

This text has a font color of #408ec5.

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

#408ec5 background color

This paragraph has a background color of #408ec5.

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

#408ec5 border color

This element has a border color of #408ec5.

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

CSS codes

.text {color:#408ec5;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060e14
```
#060e14 rgb(6,14,20)
```
#0b1923
```
#0b1923 rgb(11,25,35)
```
#0f2332
```
#0f2332 rgb(15,35,50)
```
#142e41
```
#142e41 rgb(20,46,65)
```
#183950
```
#183950 rgb(24,57,80)
```
#1d445f
```
#1d445f rgb(29,68,95)
```
#214e6e
```
#214e6e rgb(33,78,110)
```
#26597d
```
#26597d rgb(38,89,125)
```
#2b648c
```
#2b648c rgb(43,100,140)
```
#2f6e9b
```
#2f6e9b rgb(47,110,155)
```
#3479aa
```
#3479aa rgb(52,121,170)
```
#3884b9
```
#3884b9 rgb(56,132,185)
```

Shade Color Variation

#408ec5
```
#408ec5 rgb(64,142,197)
```
#4f97ca
```
#4f97ca rgb(79,151,202)
```
#5ea0ce
```
#5ea0ce rgb(94,160,206)
```
#6da9d3
```
#6da9d3 rgb(109,169,211)
```
#7cb2d7
```
#7cb2d7 rgb(124,178,215)
```
#8bbbdc
```
#8bbbdc rgb(139,187,220)
```
#9ac3e0
```
#9ac3e0 rgb(154,195,224)
```
#a9cce5
```
#a9cce5 rgb(169,204,229)
```
#b8d5ea
```
#b8d5ea rgb(184,213,234)
```
#c7deee
```
#c7deee rgb(199,222,238)
```
#d6e7f3
```
#d6e7f3 rgb(214,231,243)
```
#e6f0f7
```
#e6f0f7 rgb(230,240,247)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#79848c
```
#79848c rgb(121,132,140)
```
#708695
```
#708695 rgb(112,134,149)
```
#66879f
```
#66879f rgb(102,135,159)
```
#5d89a8
```
#5d89a8 rgb(93,137,168)
```
#538bb2
```
#538bb2 rgb(83,139,178)
```
#4a8cbb
```
#4a8cbb rgb(74,140,187)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#3690cf
```
#3690cf rgb(54,144,207)
```
#2d91d8
```
#2d91d8 rgb(45,145,216)
```
#2393e2
```
#2393e2 rgb(35,147,226)
```
#1a95eb
```
#1a95eb rgb(26,149,235)
```
#1096f5
```
#1096f5 rgb(16,150,245)
```
#0798fe
```
#0798fe rgb(7,152,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#71808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8bc2 Protanopia 1% of men
#708dca Deuteranopia 1% of men
#2d9aa6 Tritanopia 0.001% of the population

Trichromacy

#658cc3 Protanomaly 1% of men, 0.01% of women
#5f8dc8 Deuteranomaly 6% of men, 0.4% of women
#3496b1 Tritanomaly 0.01% of the population

#408ec5 hex color

#408ec5 Color Information

#408ec5 Color Conversion

Color Schemes with #408ec5

Alternatives to #408ec5

#408ec5 Preview

Shades and Tints of #408ec5

Tones of #408ec5

Color Blindness Simulator