#408ad8 hex color

In a RGB color space, hex #408ad8 is composed of 25.1% red, 54.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 36.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 210.8 degrees, a saturation of 66.1% and a lightness of 54.9%. #408ad8 color hex could be obtained by blending #80ffff with #0015b1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 54
- B 85
RGB color chart
- C 70
- M 36
- Y 0
- K 15
CMYK color chart

● #408ad8 color description : Moderate blue.

The hexadecimal color #408ad8 has RGB values of R:64, G:138, B:216 and CMYK values of C:0.7, M:0.36, Y:0, K:0.15. Its decimal value is 4229848.

Hex triplet	408ad8	`#408ad8`
RGB Decimal	64, 138, 216	`rgb(64,138,216)`
RGB Percent	25.1, 54.1, 84.7	`rgb(25.1%,54.1%,84.7%)`
CMYK	70, 36, 0, 15
HSL	210.8°, 66.1, 54.9	`hsl(210.8,66.1%,54.9%)`
HSV (or HSB)	210.8°, 70.4, 84.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.31, 2.557, -46.611
XYZ	23.595, 24.223, 68.394
xyY	0.203, 0.208, 24.223
CIE-LCH	56.31, 46.681, 273.14
CIE-LUV	56.31, -28.147, -73.318
Hunter-Lab	49.217, -0.557, -47.94
Binary	01000000, 10001010, 11011000

#408ad8
```
#408ad8 rgb(64,138,216)
```
#d88e40
```
#d88e40 rgb(216,142,64)
```

Complementary Color

#40d6d8
```
#40d6d8 rgb(64,214,216)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#4240d8
```
#4240d8 rgb(66,64,216)
```

Analogous Color

#d6d840
```
#d6d840 rgb(214,216,64)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#d84240
```
#d84240 rgb(216,66,64)
```

Split Complementary Color

#8ad840
```
#8ad840 rgb(138,216,64)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#d8408a
```
#d8408a rgb(216,64,138)
```

Triadic Color

#40d88e
```
#40d88e rgb(64,216,142)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#d8408a
```
#d8408a rgb(216,64,138)
```
#d88e40
```
#d88e40 rgb(216,142,64)
```

Tetradic Color

#2364a9
```
#2364a9 rgb(35,100,169)
```
#2771be
```
#2771be rgb(39,113,190)
```
#2b7dd3
```
#2b7dd3 rgb(43,125,211)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#5597dc
```
#5597dc rgb(85,151,220)
```
#6aa4e1
```
#6aa4e1 rgb(106,164,225)
```
#80b1e5
```
#80b1e5 rgb(128,177,229)
```

Monochromatic Color

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

#40b0d8
```
#40b0d8 rgb(64,176,216)
```
#40a3d8
```
#40a3d8 rgb(64,163,216)
```
#4097d8
```
#4097d8 rgb(64,151,216)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#407dd8
```
#407dd8 rgb(64,125,216)
```
#4071d8
```
#4071d8 rgb(64,113,216)
```
#4064d8
```
#4064d8 rgb(64,100,216)
```

Similar Colors

Text with hexadecimal color #408ad8

This text has a font color of #408ad8.

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

#408ad8 background color

This paragraph has a background color of #408ad8.

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

#408ad8 border color

This element has a border color of #408ad8.

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

CSS codes

.text {color:#408ad8;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#081625
```
#081625 rgb(8,22,37)
```
#0b2035
```
#0b2035 rgb(11,32,53)
```
#0e2946
```
#0e2946 rgb(14,41,70)
```
#123356
```
#123356 rgb(18,51,86)
```
#153c66
```
#153c66 rgb(21,60,102)
```
#184676
```
#184676 rgb(24,70,118)
```
#1c5087
```
#1c5087 rgb(28,80,135)
```
#1f5997
```
#1f5997 rgb(31,89,151)
```
#2263a7
```
#2263a7 rgb(34,99,167)
```
#266db8
```
#266db8 rgb(38,109,184)
```
#2976c8
```
#2976c8 rgb(41,118,200)
```

Shade Color Variation

#3080d5
```
#3080d5 rgb(48,128,213)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#5094db
```
#5094db rgb(80,148,219)
```
#619edf
```
#619edf rgb(97,158,223)
```
#71a8e2
```
#71a8e2 rgb(113,168,226)
```
#81b2e5
```
#81b2e5 rgb(129,178,229)
```
#91bce9
```
#91bce9 rgb(145,188,233)
```
#a2c6ec
```
#a2c6ec rgb(162,198,236)
```
#b2d0ef
```
#b2d0ef rgb(178,208,239)
```
#c2daf3
```
#c2daf3 rgb(194,218,243)
```
#d3e4f6
```
#d3e4f6 rgb(211,228,246)
```
#e3eef9
```
#e3eef9 rgb(227,238,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c91 is the less saturated color, while #1d89fb is the most saturated one.

#878c91
```
#878c91 rgb(135,140,145)
```
#7e8c9a
```
#7e8c9a rgb(126,140,154)
```
#758ba3
```
#758ba3 rgb(117,139,163)
```
#6c8bac
```
#6c8bac rgb(108,139,172)
```
#638bb5
```
#638bb5 rgb(99,139,181)
```
#5b8bbd
```
#5b8bbd rgb(91,139,189)
```
#528ac6
```
#528ac6 rgb(82,138,198)
```
#498acf
```
#498acf rgb(73,138,207)
```
#408ad8
```
#408ad8 rgb(64,138,216)
```
#378ae1
```
#378ae1 rgb(55,138,225)
```
#2e8aea
```
#2e8aea rgb(46,138,234)
```
#2589f3
```
#2589f3 rgb(37,137,243)
```
#1d89fb
```
#1d89fb rgb(29,137,251)
```

Tone Color Variation

Below, you can see how #408ad8 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
#71808f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8ad5 Protanopia 1% of men
#598dda Deuteranopia 1% of men
#009aa6 Tritanopia 0.001% of the population

Trichromacy

#5d8ad6 Protanomaly 1% of men, 0.01% of women
#508cd9 Deuteranomaly 6% of men, 0.4% of women
#1794b8 Tritanomaly 0.01% of the population

#408ad8 hex color

#408ad8 Color Information

#408ad8 Color Conversion

Color Schemes with #408ad8

Alternatives to #408ad8

#408ad8 Preview

Shades and Tints of #408ad8

Tones of #408ad8

Color Blindness Simulator