#408bdd hex color

In a RGB color space, hex #408bdd is composed of 25.1% red, 54.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 37.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.3 degrees, a saturation of 69.8% and a lightness of 55.9%. #408bdd color hex could be obtained by blending #80ffff with #0017bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 55
- B 87
RGB color chart
- C 71
- M 37
- Y 0
- K 13
CMYK color chart

● #408bdd color description : Bright blue.

The hexadecimal color #408bdd has RGB values of R:64, G:139, B:221 and CMYK values of C:0.71, M:0.37, Y:0, K:0.13. Its decimal value is 4230109.

Hex triplet	408bdd	`#408bdd`
RGB Decimal	64, 139, 221	`rgb(64,139,221)`
RGB Percent	25.1, 54.5, 86.7	`rgb(25.1%,54.5%,86.7%)`
CMYK	71, 37, 0, 13
HSL	211.3°, 69.8, 55.9	`hsl(211.3,69.8%,55.9%)`
HSV (or HSB)	211.3°, 71, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.854, 3.727, -48.55
XYZ	24.395, 24.774, 71.899
xyY	0.201, 0.205, 24.774
CIE-LCH	56.854, 48.693, 274.389
CIE-LUV	56.854, -28.32, -76.746
Hunter-Lab	49.773, 0.384, -50.805
Binary	01000000, 10001011, 11011101

#408bdd
```
#408bdd rgb(64,139,221)
```
#dd9240
```
#dd9240 rgb(221,146,64)
```

Complementary Color

#40dadd
```
#40dadd rgb(64,218,221)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#4440dd
```
#4440dd rgb(68,64,221)
```

Analogous Color

#dadd40
```
#dadd40 rgb(218,221,64)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#dd4440
```
#dd4440 rgb(221,68,64)
```

Split Complementary Color

#8bdd40
```
#8bdd40 rgb(139,221,64)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#dd408b
```
#dd408b rgb(221,64,139)
```

Triadic Color

#40dd92
```
#40dd92 rgb(64,221,146)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#dd408b
```
#dd408b rgb(221,64,139)
```
#dd9240
```
#dd9240 rgb(221,146,64)
```

Tetradic Color

#2065b1
```
#2065b1 rgb(32,101,177)
```
#2371c7
```
#2371c7 rgb(35,113,199)
```
#2a7ed9
```
#2a7ed9 rgb(42,126,217)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#5698e1
```
#5698e1 rgb(86,152,225)
```
#6ba5e5
```
#6ba5e5 rgb(107,165,229)
```
#81b2e9
```
#81b2e9 rgb(129,178,233)
```

Monochromatic Color

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

#40b2dd
```
#40b2dd rgb(64,178,221)
```
#40a5dd
```
#40a5dd rgb(64,165,221)
```
#4098dd
```
#4098dd rgb(64,152,221)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#407edd
```
#407edd rgb(64,126,221)
```
#4071dd
```
#4071dd rgb(64,113,221)
```
#4064dd
```
#4064dd rgb(64,100,221)
```

Similar Colors

Text with hexadecimal color #408bdd

This text has a font color of #408bdd.

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

#408bdd background color

This paragraph has a background color of #408bdd.

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

#408bdd border color

This element has a border color of #408bdd.

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

CSS codes

.text {color:#408bdd;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#050f19
```
#050f19 rgb(5,15,25)
```
#07182a
```
#07182a rgb(7,24,42)
```
#0a223b
```
#0a223b rgb(10,34,59)
```
#0d2b4b
```
#0d2b4b rgb(13,43,75)
```
#10355c
```
#10355c rgb(16,53,92)
```
#133e6d
```
#133e6d rgb(19,62,109)
```
#16487d
```
#16487d rgb(22,72,125)
```
#19518e
```
#19518e rgb(25,81,142)
```
#1c5b9f
```
#1c5b9f rgb(28,91,159)
```
#1f64af
```
#1f64af rgb(31,100,175)
```
#226ec0
```
#226ec0 rgb(34,110,192)
```
#2577d1
```
#2577d1 rgb(37,119,209)
```

Shade Color Variation

#2f81da
```
#2f81da rgb(47,129,218)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#5195e0
```
#5195e0 rgb(81,149,224)
```
#619fe3
```
#619fe3 rgb(97,159,227)
```
#72a9e6
```
#72a9e6 rgb(114,169,230)
```
#83b3e9
```
#83b3e9 rgb(131,179,233)
```
#93beec
```
#93beec rgb(147,190,236)
```
#a4c8ef
```
#a4c8ef rgb(164,200,239)
```
#b5d2f2
```
#b5d2f2 rgb(181,210,242)
```
#c5dcf5
```
#c5dcf5 rgb(197,220,245)
```
#d6e6f8
```
#d6e6f8 rgb(214,230,248)
```
#e7f0fb
```
#e7f0fb rgb(231,240,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8f is the less saturated color, while #268af7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858e98
```
#858e98 rgb(133,142,152)
```
#7d8ea0
```
#7d8ea0 rgb(125,142,160)
```
#748da9
```
#748da9 rgb(116,141,169)
```
#6b8db2
```
#6b8db2 rgb(107,141,178)
```
#638dba
```
#638dba rgb(99,141,186)
```
#5a8cc3
```
#5a8cc3 rgb(90,140,195)
```
#518ccc
```
#518ccc rgb(81,140,204)
```
#498bd4
```
#498bd4 rgb(73,139,212)
```
#408bdd
```
#408bdd rgb(64,139,221)
```
#378be6
```
#378be6 rgb(55,139,230)
```
#2f8aee
```
#2f8aee rgb(47,138,238)
```
#268af7
```
#268af7 rgb(38,138,247)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#728191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d8cda Protanopia 1% of men
#558fdf Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5d8bdb Protanomaly 1% of men, 0.01% of women
#4d8dde Deuteranomaly 6% of men, 0.4% of women
#1796ba Tritanomaly 0.01% of the population

#408bdd hex color

#408bdd Color Information

#408bdd Color Conversion

Color Schemes with #408bdd

Alternatives to #408bdd

#408bdd Preview

Shades and Tints of #408bdd

Tones of #408bdd

Color Blindness Simulator