#408bdb hex color

In a RGB color space, hex #408bdb is composed of 25.1% red, 54.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 36.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 211 degrees, a saturation of 68.3% and a lightness of 55.5%. #408bdb color hex could be obtained by blending #80ffff with #0017b7. Closest websafe color is: #3399cc.

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

● #408bdb color description : Bright blue.

The hexadecimal color #408bdb has RGB values of R:64, G:139, B:219 and CMYK values of C:0.71, M:0.37, Y:0, K:0.14. Its decimal value is 4230107.

Hex triplet	408bdb	`#408bdb`
RGB Decimal	64, 139, 219	`rgb(64,139,219)`
RGB Percent	25.1, 54.5, 85.9	`rgb(25.1%,54.5%,85.9%)`
CMYK	71, 37, 0, 14
HSL	211°, 68.3, 55.5	`hsl(211,68.3%,55.5%)`
HSV (or HSB)	211°, 70.8, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.75, 3.021, -47.595
XYZ	24.13, 24.668, 70.504
xyY	0.202, 0.207, 24.668
CIE-LCH	56.75, 47.691, 273.631
CIE-LUV	56.75, -28.385, -75.085
Hunter-Lab	49.667, -0.194, -49.397
Binary	01000000, 10001011, 11011011

#408bdb
```
#408bdb rgb(64,139,219)
```
#db9040
```
#db9040 rgb(219,144,64)
```

Complementary Color

#40d9db
```
#40d9db rgb(64,217,219)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#4240db
```
#4240db rgb(66,64,219)
```

Analogous Color

#d9db40
```
#d9db40 rgb(217,219,64)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#db4240
```
#db4240 rgb(219,66,64)
```

Split Complementary Color

#8bdb40
```
#8bdb40 rgb(139,219,64)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#db408b
```
#db408b rgb(219,64,139)
```

Triadic Color

#40db90
```
#40db90 rgb(64,219,144)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#db408b
```
#db408b rgb(219,64,139)
```
#db9040
```
#db9040 rgb(219,144,64)
```

Tetradic Color

#2165ae
```
#2165ae rgb(33,101,174)
```
#2571c3
```
#2571c3 rgb(37,113,195)
```
#2b7ed7
```
#2b7ed7 rgb(43,126,215)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#5598df
```
#5598df rgb(85,152,223)
```
#6ba5e3
```
#6ba5e3 rgb(107,165,227)
```
#80b2e7
```
#80b2e7 rgb(128,178,231)
```

Monochromatic Color

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

#40b2db
```
#40b2db rgb(64,178,219)
```
#40a5db
```
#40a5db rgb(64,165,219)
```
#4098db
```
#4098db rgb(64,152,219)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#407edb
```
#407edb rgb(64,126,219)
```
#4071db
```
#4071db rgb(64,113,219)
```
#4064db
```
#4064db rgb(64,100,219)
```

Similar Colors

Text with hexadecimal color #408bdb

This text has a font color of #408bdb.

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

#408bdb background color

This paragraph has a background color of #408bdb.

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

#408bdb border color

This element has a border color of #408bdb.

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

CSS codes

.text {color:#408bdb;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#081728
```
#081728 rgb(8,23,40)
```
#0b2139
```
#0b2139 rgb(11,33,57)
```
#0e2a49
```
#0e2a49 rgb(14,42,73)
```
#11345a
```
#11345a rgb(17,52,90)
```
#143e6a
```
#143e6a rgb(20,62,106)
```
#17477b
```
#17477b rgb(23,71,123)
```
#1a518b
```
#1a518b rgb(26,81,139)
```
#1d5a9c
```
#1d5a9c rgb(29,90,156)
```
#2064ac
```
#2064ac rgb(32,100,172)
```
#246ebd
```
#246ebd rgb(36,110,189)
```
#2777cd
```
#2777cd rgb(39,119,205)
```

Shade Color Variation

#2f81d8
```
#2f81d8 rgb(47,129,216)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#5195de
```
#5195de rgb(81,149,222)
```
#619fe1
```
#619fe1 rgb(97,159,225)
```
#72a9e4
```
#72a9e4 rgb(114,169,228)
```
#82b3e7
```
#82b3e7 rgb(130,179,231)
```
#93bdeb
```
#93bdeb rgb(147,189,235)
```
#a3c7ee
```
#a3c7ee rgb(163,199,238)
```
#b4d1f1
```
#b4d1f1 rgb(180,209,241)
```
#c4dbf4
```
#c4dbf4 rgb(196,219,244)
```
#d5e5f7
```
#d5e5f7 rgb(213,229,247)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868d95 is the less saturated color, while #1d8afe is the most saturated one.

#868d95
```
#868d95 rgb(134,141,149)
```
#7d8d9e
```
#7d8d9e rgb(125,141,158)
```
#748da7
```
#748da7 rgb(116,141,167)
```
#6c8caf
```
#6c8caf rgb(108,140,175)
```
#638cb8
```
#638cb8 rgb(99,140,184)
```
#5a8cc1
```
#5a8cc1 rgb(90,140,193)
```
#518cca
```
#518cca rgb(81,140,202)
```
#498bd2
```
#498bd2 rgb(73,139,210)
```
#408bdb
```
#408bdb rgb(64,139,219)
```
#378be4
```
#378be4 rgb(55,139,228)
```
#2f8aec
```
#2f8aec rgb(47,138,236)
```
#268af5
```
#268af5 rgb(38,138,245)
```
#1d8afe
```
#1d8afe rgb(29,138,254)
```

Tone Color Variation

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

#6e8bd8 Protanopia 1% of men
#588edd Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5d8bd9 Protanomaly 1% of men, 0.01% of women
#4f8ddc Deuteranomaly 6% of men, 0.4% of women
#1795ba Tritanomaly 0.01% of the population

#408bdb hex color

#408bdb Color Information

#408bdb Color Conversion

Color Schemes with #408bdb

Alternatives to #408bdb

#408bdb Preview

Shades and Tints of #408bdb

Tones of #408bdb

Color Blindness Simulator