#408eb6 hex color

In a RGB color space, hex #408eb6 is composed of 25.1% red, 55.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 22% magenta, 0% yellow and 28.6% black. It has a hue angle of 200.3 degrees, a saturation of 48% and a lightness of 48.2%. #408eb6 color hex could be obtained by blending #80ffff with #001d6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 56
- B 71
RGB color chart
- C 65
- M 22
- Y 0
- K 29
CMYK color chart

● #408eb6 color description : Moderate blue.

The hexadecimal color #408eb6 has RGB values of R:64, G:142, B:182 and CMYK values of C:0.65, M:0.22, Y:0, K:0.29. Its decimal value is 4230838.

Hex triplet	408eb6	`#408eb6`
RGB Decimal	64, 142, 182	`rgb(64,142,182)`
RGB Percent	25.1, 55.7, 71.4	`rgb(25.1%,55.7%,71.4%)`
CMYK	65, 22, 0, 29
HSL	200.3°, 48, 48.2	`hsl(200.3,48%,48.2%)`
HSV (or HSB)	200.3°, 64.8, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.899, -11.385, -28.022
XYZ	20.229, 23.812, 47.783
xyY	0.22, 0.259, 23.812
CIE-LCH	55.899, 30.246, 247.889
CIE-LUV	55.899, -30.855, -41.281
Hunter-Lab	48.797, -11.399, -23.9
Binary	01000000, 10001110, 10110110

#408eb6
```
#408eb6 rgb(64,142,182)
```
#b66840
```
#b66840 rgb(182,104,64)
```

Complementary Color

#40b6a3
```
#40b6a3 rgb(64,182,163)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#4053b6
```
#4053b6 rgb(64,83,182)
```

Analogous Color

#b6a340
```
#b6a340 rgb(182,163,64)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#b64053
```
#b64053 rgb(182,64,83)
```

Split Complementary Color

#8eb640
```
#8eb640 rgb(142,182,64)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#b6408e
```
#b6408e rgb(182,64,142)
```

Triadic Color

#40b668
```
#40b668 rgb(64,182,104)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#b6408e
```
#b6408e rgb(182,64,142)
```
#b66840
```
#b66840 rgb(182,104,64)
```

Tetradic Color

#2c627d
```
#2c627d rgb(44,98,125)
```
#337190
```
#337190 rgb(51,113,144)
```
#397fa3
```
#397fa3 rgb(57,127,163)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#4f9ac1
```
#4f9ac1 rgb(79,154,193)
```
#61a5c8
```
#61a5c8 rgb(97,165,200)
```
#74b0ce
```
#74b0ce rgb(116,176,206)
```

Monochromatic Color

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

#40acb6
```
#40acb6 rgb(64,172,182)
```
#40a2b6
```
#40a2b6 rgb(64,162,182)
```
#4098b6
```
#4098b6 rgb(64,152,182)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#4084b6
```
#4084b6 rgb(64,132,182)
```
#407ab6
```
#407ab6 rgb(64,122,182)
```
#4071b6
```
#4071b6 rgb(64,113,182)
```

Similar Colors

Text with hexadecimal color #408eb6

This text has a font color of #408eb6.

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

#408eb6 background color

This paragraph has a background color of #408eb6.

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

#408eb6 border color

This element has a border color of #408eb6.

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

CSS codes

.text {color:#408eb6;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#081116
```
#081116 rgb(8,17,22)
```
#0d1d25
```
#0d1d25 rgb(13,29,37)
```
#122833
```
#122833 rgb(18,40,51)
```
#173342
```
#173342 rgb(23,51,66)
```
#1c3f50
```
#1c3f50 rgb(28,63,80)
```
#214a5f
```
#214a5f rgb(33,74,95)
```
#26556d
```
#26556d rgb(38,85,109)
```
#2c617c
```
#2c617c rgb(44,97,124)
```
#316c8a
```
#316c8a rgb(49,108,138)
```
#367799
```
#367799 rgb(54,119,153)
```
#3b83a7
```
#3b83a7 rgb(59,131,167)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```

Shade Color Variation

#4a98bf
```
#4a98bf rgb(74,152,191)
```
#59a0c5
```
#59a0c5 rgb(89,160,197)
```
#67a8ca
```
#67a8ca rgb(103,168,202)
```
#76b1cf
```
#76b1cf rgb(118,177,207)
```
#84b9d4
```
#84b9d4 rgb(132,185,212)
```
#93c1d9
```
#93c1d9 rgb(147,193,217)
```
#a1c9de
```
#a1c9de rgb(161,201,222)
```
#b0d2e3
```
#b0d2e3 rgb(176,210,227)
```
#bedae8
```
#bedae8 rgb(190,218,232)
```
#cde2ed
```
#cde2ed rgb(205,226,237)
```
#dbebf2
```
#dbebf2 rgb(219,235,242)
```
#eaf3f8
```
#eaf3f8 rgb(234,243,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7d is the less saturated color, while #07a0ef is the most saturated one.

#797c7d
```
#797c7d rgb(121,124,125)
```
#6f7f87
```
#6f7f87 rgb(111,127,135)
```
#668290
```
#668290 rgb(102,130,144)
```
#5c859a
```
#5c859a rgb(92,133,154)
```
#5388a3
```
#5388a3 rgb(83,136,163)
```
#498bad
```
#498bad rgb(73,139,173)
```
#408eb6
```
#408eb6 rgb(64,142,182)
```
#3791bf
```
#3791bf rgb(55,145,191)
```
#2d94c9
```
#2d94c9 rgb(45,148,201)
```
#2497d2
```
#2497d2 rgb(36,151,210)
```
#1a9adc
```
#1a9adc rgb(26,154,220)
```
#119de5
```
#119de5 rgb(17,157,229)
```
#07a0ef
```
#07a0ef rgb(7,160,239)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6f7f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808ab3 Protanopia 1% of men
#7a8abd Deuteranopia 1% of men
#3a98a3 Tritanopia 0.001% of the population

Trichromacy

#698bb4 Protanomaly 1% of men, 0.01% of women
#658bba Deuteranomaly 6% of men, 0.4% of women
#3c94aa Tritanomaly 0.01% of the population

#408eb6 hex color

#408eb6 Color Information

#408eb6 Color Conversion

Color Schemes with #408eb6

Alternatives to #408eb6

#408eb6 Preview

Shades and Tints of #408eb6

Tones of #408eb6

Color Blindness Simulator