#408ba7 hex color

In a RGB color space, hex #408ba7 is composed of 25.1% red, 54.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 16.8% magenta, 0% yellow and 34.5% black. It has a hue angle of 196.3 degrees, a saturation of 44.6% and a lightness of 45.3%. #408ba7 color hex could be obtained by blending #80ffff with #00174f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 55
- B 65
RGB color chart
- C 62
- M 17
- Y 0
- K 35
CMYK color chart

● #408ba7 color description : Dark moderate blue.

The hexadecimal color #408ba7 has RGB values of R:64, G:139, B:167 and CMYK values of C:0.62, M:0.17, Y:0, K:0.35. Its decimal value is 4230055.

Hex triplet	408ba7	`#408ba7`
RGB Decimal	64, 139, 167	`rgb(64,139,167)`
RGB Percent	25.1, 54.5, 65.5	`rgb(25.1%,54.5%,65.5%)`
CMYK	62, 17, 0, 35
HSL	196.3°, 44.6, 45.3	`hsl(196.3,44.6%,45.3%)`
HSV (or HSB)	196.3°, 61.7, 65.5
Web Safe	339999	`#339999`

CIE-LAB	54.39, -14.581, -21.763
XYZ	18.32, 22.344, 39.904
xyY	0.227, 0.277, 22.344
CIE-LCH	54.39, 26.196, 236.179
CIE-LUV	54.39, -30.386, -30.659
Hunter-Lab	47.269, -13.54, -16.964
Binary	01000000, 10001011, 10100111

#408ba7
```
#408ba7 rgb(64,139,167)
```
#a75c40
```
#a75c40 rgb(167,92,64)
```

Complementary Color

#40a790
```
#40a790 rgb(64,167,144)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#4058a7
```
#4058a7 rgb(64,88,167)
```

Analogous Color

#a79040
```
#a79040 rgb(167,144,64)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#a74058
```
#a74058 rgb(167,64,88)
```

Split Complementary Color

#8ba740
```
#8ba740 rgb(139,167,64)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#a7408b
```
#a7408b rgb(167,64,139)
```

Triadic Color

#40a75c
```
#40a75c rgb(64,167,92)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#a7408b
```
#a7408b rgb(167,64,139)
```
#a75c40
```
#a75c40 rgb(167,92,64)
```

Tetradic Color

#2b5d70
```
#2b5d70 rgb(43,93,112)
```
#326c82
```
#326c82 rgb(50,108,130)
```
#397c95
```
#397c95 rgb(57,124,149)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#489ab9
```
#489ab9 rgb(72,154,185)
```
#5aa4c0
```
#5aa4c0 rgb(90,164,192)
```
#6daec7
```
#6daec7 rgb(109,174,199)
```

Monochromatic Color

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

#40a5a7
```
#40a5a7 rgb(64,165,167)
```
#409ca7
```
#409ca7 rgb(64,156,167)
```
#4094a7
```
#4094a7 rgb(64,148,167)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#4082a7
```
#4082a7 rgb(64,130,167)
```
#407aa7
```
#407aa7 rgb(64,122,167)
```
#4071a7
```
#4071a7 rgb(64,113,167)
```

Similar Colors

Text with hexadecimal color #408ba7

This text has a font color of #408ba7.

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

#408ba7 background color

This paragraph has a background color of #408ba7.

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

#408ba7 border color

This element has a border color of #408ba7.

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

CSS codes

.text {color:#408ba7;}

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

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

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, #04090b is the darkest color, while #fcfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#0a1519
```
#0a1519 rgb(10,21,25)
```
#0f2127
```
#0f2127 rgb(15,33,39)
```
#152d36
```
#152d36 rgb(21,45,54)
```
#1a3844
```
#1a3844 rgb(26,56,68)
```
#1f4452
```
#1f4452 rgb(31,68,82)
```
#255060
```
#255060 rgb(37,80,96)
```
#2a5c6e
```
#2a5c6e rgb(42,92,110)
```
#30687c
```
#30687c rgb(48,104,124)
```
#35738b
```
#35738b rgb(53,115,139)
```
#3b7f99
```
#3b7f99 rgb(59,127,153)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#4597b5
```
#4597b5 rgb(69,151,181)
```

Shade Color Variation

#52a0bd
```
#52a0bd rgb(82,160,189)
```
#60a7c2
```
#60a7c2 rgb(96,167,194)
```
#6eafc7
```
#6eafc7 rgb(110,175,199)
```
#7cb7cd
```
#7cb7cd rgb(124,183,205)
```
#8abfd2
```
#8abfd2 rgb(138,191,210)
```
#99c7d8
```
#99c7d8 rgb(153,199,216)
```
#a7cedd
```
#a7cedd rgb(167,206,221)
```
#b5d6e3
```
#b5d6e3 rgb(181,214,227)
```
#c3dee8
```
#c3dee8 rgb(195,222,232)
```
#d1e6ed
```
#d1e6ed rgb(209,230,237)
```
#dfeef3
```
#dfeef3 rgb(223,238,243)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#6c777b
```
#6c777b rgb(108,119,123)
```
#647b83
```
#647b83 rgb(100,123,131)
```
#5b7f8c
```
#5b7f8c rgb(91,127,140)
```
#528395
```
#528395 rgb(82,131,149)
```
#49879e
```
#49879e rgb(73,135,158)
```
#408ba7
```
#408ba7 rgb(64,139,167)
```
#378fb0
```
#378fb0 rgb(55,143,176)
```
#2e93b9
```
#2e93b9 rgb(46,147,185)
```
#2597c2
```
#2597c2 rgb(37,151,194)
```
#1c9bcb
```
#1c9bcb rgb(28,155,203)
```
#149fd3
```
#149fd3 rgb(20,159,211)
```
#0ba3dc
```
#0ba3dc rgb(11,163,220)
```
#02a7e5
```
#02a7e5 rgb(2,167,229)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6d7c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8187a5 Protanopia 1% of men
#7e86af Deuteranopia 1% of men
#42939e Tritanopia 0.001% of the population

Trichromacy

#6988a5 Protanomaly 1% of men, 0.01% of women
#6788ac Deuteranomaly 6% of men, 0.4% of women
#4190a1 Tritanomaly 0.01% of the population

#408ba7 hex color

#408ba7 Color Information

#408ba7 Color Conversion

Color Schemes with #408ba7

Alternatives to #408ba7

#408ba7 Preview

Shades and Tints of #408ba7

Tones of #408ba7

Color Blindness Simulator