#408ea4 hex color

In a RGB color space, hex #408ea4 is composed of 25.1% red, 55.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 13.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 193.2 degrees, a saturation of 43.9% and a lightness of 44.7%. #408ea4 color hex could be obtained by blending #80ffff with #001d49. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 56
- B 64
RGB color chart
- C 61
- M 13
- Y 0
- K 36
CMYK color chart

● #408ea4 color description : Dark moderate cyan.

The hexadecimal color #408ea4 has RGB values of R:64, G:142, B:164 and CMYK values of C:0.61, M:0.13, Y:0, K:0.36. Its decimal value is 4230820.

Hex triplet	408ea4	`#408ea4`
RGB Decimal	64, 142, 164	`rgb(64,142,164)`
RGB Percent	25.1, 55.7, 64.3	`rgb(25.1%,55.7%,64.3%)`
CMYK	61, 13, 0, 36
HSL	193.2°, 43.9, 44.7	`hsl(193.2,43.9%,44.7%)`
HSV (or HSB)	193.2°, 61, 64.3
Web Safe	339999	`#339999`

CIE-LAB	55.191, -17.16, -18.815
XYZ	18.486, 23.115, 38.607
xyY	0.23, 0.288, 23.115
CIE-LCH	55.191, 25.466, 227.634
CIE-LUV	55.191, -31.653, -25.73
Hunter-Lab	48.078, -15.502, -13.956
Binary	01000000, 10001110, 10100100

#408ea4
```
#408ea4 rgb(64,142,164)
```
#a45640
```
#a45640 rgb(164,86,64)
```

Complementary Color

#40a488
```
#40a488 rgb(64,164,136)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#405ca4
```
#405ca4 rgb(64,92,164)
```

Analogous Color

#a48840
```
#a48840 rgb(164,136,64)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#a4405c
```
#a4405c rgb(164,64,92)
```

Split Complementary Color

#8ea440
```
#8ea440 rgb(142,164,64)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#a4408e
```
#a4408e rgb(164,64,142)
```

Triadic Color

#40a456
```
#40a456 rgb(64,164,86)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#a4408e
```
#a4408e rgb(164,64,142)
```
#a45640
```
#a45640 rgb(164,86,64)
```

Tetradic Color

#2b5e6d
```
#2b5e6d rgb(43,94,109)
```
#326e7f
```
#326e7f rgb(50,110,127)
```
#397e92
```
#397e92 rgb(57,126,146)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#479eb6
```
#479eb6 rgb(71,158,182)
```
#59a8be
```
#59a8be rgb(89,168,190)
```
#6bb1c5
```
#6bb1c5 rgb(107,177,197)
```

Monochromatic Color

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

#40a4a1
```
#40a4a1 rgb(64,164,161)
```
#409fa4
```
#409fa4 rgb(64,159,164)
```
#4096a4
```
#4096a4 rgb(64,150,164)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#4086a4
```
#4086a4 rgb(64,134,164)
```
#407da4
```
#407da4 rgb(64,125,164)
```
#4075a4
```
#4075a4 rgb(64,117,164)
```

Similar Colors

Text with hexadecimal color #408ea4

This text has a font color of #408ea4.

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

#408ea4 background color

This paragraph has a background color of #408ea4.

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

#408ea4 border color

This element has a border color of #408ea4.

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

CSS codes

.text {color:#408ea4;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#091417
```
#091417 rgb(9,20,23)
```
#0e2025
```
#0e2025 rgb(14,32,37)
```
#142c33
```
#142c33 rgb(20,44,51)
```
#193841
```
#193841 rgb(25,56,65)
```
#1f454f
```
#1f454f rgb(31,69,79)
```
#24515d
```
#24515d rgb(36,81,93)
```
#2a5d6c
```
#2a5d6c rgb(42,93,108)
```
#2f697a
```
#2f697a rgb(47,105,122)
```
#357688
```
#357688 rgb(53,118,136)
```
#3a8296
```
#3a8296 rgb(58,130,150)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#469ab2
```
#469ab2 rgb(70,154,178)
```

Shade Color Variation

#50a3bb
```
#50a3bb rgb(80,163,187)
```
#5eabc0
```
#5eabc0 rgb(94,171,192)
```
#6db2c6
```
#6db2c6 rgb(109,178,198)
```
#7bbacb
```
#7bbacb rgb(123,186,203)
```
#89c1d1
```
#89c1d1 rgb(137,193,209)
```
#97c8d6
```
#97c8d6 rgb(151,200,214)
```
#a5d0dc
```
#a5d0dc rgb(165,208,220)
```
#b3d7e1
```
#b3d7e1 rgb(179,215,225)
```
#c1dfe7
```
#c1dfe7 rgb(193,223,231)
```
#cfe6ec
```
#cfe6ec rgb(207,230,236)
```
#ddedf2
```
#ddedf2 rgb(221,237,242)
```
#ecf5f7
```
#ecf5f7 rgb(236,245,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7578 is the less saturated color, while #03b0e1 is the most saturated one.

#6c7578
```
#6c7578 rgb(108,117,120)
```
#637a81
```
#637a81 rgb(99,122,129)
```
#5a7f8a
```
#5a7f8a rgb(90,127,138)
```
#528492
```
#528492 rgb(82,132,146)
```
#49899b
```
#49899b rgb(73,137,155)
```
#408ea4
```
#408ea4 rgb(64,142,164)
```
#3793ad
```
#3793ad rgb(55,147,173)
```
#2e98b6
```
#2e98b6 rgb(46,152,182)
```
#269dbe
```
#269dbe rgb(38,157,190)
```
#1da2c7
```
#1da2c7 rgb(29,162,199)
```
#14a7d0
```
#14a7d0 rgb(20,167,208)
```
#0babd9
```
#0babd9 rgb(11,171,217)
```
#03b0e1
```
#03b0e1 rgb(3,176,225)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6e7d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8589a2 Protanopia 1% of men
#8488ad Deuteranopia 1% of men
#4595a0 Tritanopia 0.001% of the population

Trichromacy

#6b8ba2 Protanomaly 1% of men, 0.01% of women
#6b8aa9 Deuteranomaly 6% of men, 0.4% of women
#4392a1 Tritanomaly 0.01% of the population

#408ea4 hex color

#408ea4 Color Information

#408ea4 Color Conversion

Color Schemes with #408ea4

Alternatives to #408ea4

#408ea4 Preview

Shades and Tints of #408ea4

Tones of #408ea4

Color Blindness Simulator