#408bdf hex color

In a RGB color space, hex #408bdf is composed of 25.1% red, 54.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 37.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 211.7 degrees, a saturation of 71.3% and a lightness of 56.3%. #408bdf color hex could be obtained by blending #80ffff with #0017bf. Closest websafe color is: #3399cc.

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

● #408bdf color description : Bright blue.

The hexadecimal color #408bdf has RGB values of R:64, G:139, B:223 and CMYK values of C:0.71, M:0.38, Y:0, K:0.13. Its decimal value is 4230111.

Hex triplet	408bdf	`#408bdf`
RGB Decimal	64, 139, 223	`rgb(64,139,223)`
RGB Percent	25.1, 54.5, 87.5	`rgb(25.1%,54.5%,87.5%)`
CMYK	71, 38, 0, 13
HSL	211.7°, 71.3, 56.3	`hsl(211.7,71.3%,56.3%)`
HSV (or HSB)	211.7°, 71.3, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.959, 4.434, -49.501
XYZ	24.663, 24.881, 73.311
xyY	0.201, 0.203, 24.881
CIE-LCH	56.959, 49.7, 275.118
CIE-LUV	56.959, -28.256, -78.401
Hunter-Lab	49.881, 0.966, -52.223
Binary	01000000, 10001011, 11011111

#408bdf
```
#408bdf rgb(64,139,223)
```
#df9440
```
#df9440 rgb(223,148,64)
```

Complementary Color

#40dbdf
```
#40dbdf rgb(64,219,223)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#4440df
```
#4440df rgb(68,64,223)
```

Analogous Color

#dbdf40
```
#dbdf40 rgb(219,223,64)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#df4540
```
#df4540 rgb(223,69,64)
```

Split Complementary Color

#8bdf40
```
#8bdf40 rgb(139,223,64)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#df408b
```
#df408b rgb(223,64,139)
```

Triadic Color

#40df94
```
#40df94 rgb(64,223,148)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#df408b
```
#df408b rgb(223,64,139)
```
#df9440
```
#df9440 rgb(223,148,64)
```

Tetradic Color

#1e65b4
```
#1e65b4 rgb(30,101,180)
```
#2271ca
```
#2271ca rgb(34,113,202)
```
#2a7edb
```
#2a7edb rgb(42,126,219)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#5698e3
```
#5698e3 rgb(86,152,227)
```
#6ca6e6
```
#6ca6e6 rgb(108,166,230)
```
#82b3ea
```
#82b3ea rgb(130,179,234)
```

Monochromatic Color

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

#40b3df
```
#40b3df rgb(64,179,223)
```
#40a6df
```
#40a6df rgb(64,166,223)
```
#4098df
```
#4098df rgb(64,152,223)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#407edf
```
#407edf rgb(64,126,223)
```
#4071df
```
#4071df rgb(64,113,223)
```
#4063df
```
#4063df rgb(64,99,223)
```

Similar Colors

Text with hexadecimal color #408bdf

This text has a font color of #408bdf.

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

#408bdf background color

This paragraph has a background color of #408bdf.

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

#408bdf border color

This element has a border color of #408bdf.

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

CSS codes

.text {color:#408bdf;}

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

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

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

#02060b
```
#02060b rgb(2,6,11)
```
#050f1b
```
#050f1b rgb(5,15,27)
```
#07192c
```
#07192c rgb(7,25,44)
```
#0a223d
```
#0a223d rgb(10,34,61)
```
#0d2c4e
```
#0d2c4e rgb(13,44,78)
```
#10355f
```
#10355f rgb(16,53,95)
```
#133e6f
```
#133e6f rgb(19,62,111)
```
#154880
```
#154880 rgb(21,72,128)
```
#185191
```
#185191 rgb(24,81,145)
```
#1b5ba2
```
#1b5ba2 rgb(27,91,162)
```
#1e64b3
```
#1e64b3 rgb(30,100,179)
```
#216dc3
```
#216dc3 rgb(33,109,195)
```
#2477d4
```
#2477d4 rgb(36,119,212)
```

Shade Color Variation

#2f81dc
```
#2f81dc rgb(47,129,220)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#5195e2
```
#5195e2 rgb(81,149,226)
```
#629fe5
```
#629fe5 rgb(98,159,229)
```
#72aae7
```
#72aae7 rgb(114,170,231)
```
#83b4ea
```
#83b4ea rgb(131,180,234)
```
#94beed
```
#94beed rgb(148,190,237)
```
#a5c8f0
```
#a5c8f0 rgb(165,200,240)
```
#b6d2f3
```
#b6d2f3 rgb(182,210,243)
```
#c6ddf6
```
#c6ddf6 rgb(198,221,246)
```
#d7e7f8
```
#d7e7f8 rgb(215,231,248)
```
#e8f1fb
```
#e8f1fb rgb(232,241,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#8d8f92
```
#8d8f92 rgb(141,143,146)
```
#858f9a
```
#858f9a rgb(133,143,154)
```
#7c8ea3
```
#7c8ea3 rgb(124,142,163)
```
#738eac
```
#738eac rgb(115,142,172)
```
#6b8db4
```
#6b8db4 rgb(107,141,180)
```
#628dbd
```
#628dbd rgb(98,141,189)
```
#5a8cc5
```
#5a8cc5 rgb(90,140,197)
```
#518cce
```
#518cce rgb(81,140,206)
```
#498bd6
```
#498bd6 rgb(73,139,214)
```
#408bdf
```
#408bdf rgb(64,139,223)
```
#378be8
```
#378be8 rgb(55,139,232)
```
#2f8af0
```
#2f8af0 rgb(47,138,240)
```
#268af9
```
#268af9 rgb(38,138,249)
```

Tone Color Variation

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

#6c8cdc Protanopia 1% of men
#538fe1 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5c8bdd Protanomaly 1% of men, 0.01% of women
#4c8de0 Deuteranomaly 6% of men, 0.4% of women
#1796bb Tritanomaly 0.01% of the population

#408bdf hex color

#408bdf Color Information

#408bdf Color Conversion

Color Schemes with #408bdf

Alternatives to #408bdf

#408bdf Preview

Shades and Tints of #408bdf

Tones of #408bdf

Color Blindness Simulator