colorhexa.com

#408bc9 hex color

In a RGB color space, hex #408bc9 is composed of 25.1% red, 54.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 30.8% magenta, 0% yellow and 21.2% black. It has a hue angle of 207.2 degrees, a saturation of 55.9% and a lightness of 52%. #408bc9 color hex could be obtained by blending #80ffff with #001793. Closest websafe color is: #3399cc.

- R 25
- G 55
- B 79
RGB color chart
- C 68
- M 31
- Y 0
- K 21
CMYK color chart

● #408bc9 color description : Moderate blue.

The hexadecimal color #408bc9 has RGB values of R:64, G:139, B:201 and CMYK values of C:0.68, M:0.31, Y:0, K:0.21. Its decimal value is 4230089.

Hex triplet	408bc9	`#408bc9`
RGB Decimal	64, 139, 201	`rgb(64,139,201)`
RGB Percent	25.1, 54.5, 78.8	`rgb(25.1%,54.5%,78.8%)`
CMYK	68, 31, 0, 21
HSL	207.2°, 55.9, 52	`hsl(207.2,55.9%,52%)`
HSV (or HSB)	207.2°, 68.2, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.857, -3.261, -38.874
XYZ	21.887, 23.771, 58.69
xyY	0.21, 0.228, 23.771
CIE-LCH	55.857, 39.011, 265.204
CIE-LUV	55.857, -29.015, -59.929
Hunter-Lab	48.755, -5.19, -37.243
Binary	01000000, 10001011, 11001001

#408bc9
```
#408bc9 rgb(64,139,201)
```
#c97e40
```
#c97e40 rgb(201,126,64)
```

Complementary Color

#40c9c3
```
#40c9c3 rgb(64,201,195)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#4047c9
```
#4047c9 rgb(64,71,201)
```

Analogous Color

#c9c340
```
#c9c340 rgb(201,195,64)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#c94047
```
#c94047 rgb(201,64,71)
```

Split Complementary Color

#8bc940
```
#8bc940 rgb(139,201,64)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#c9408b
```
#c9408b rgb(201,64,139)
```

Triadic Color

#40c97e
```
#40c97e rgb(64,201,126)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#c9408b
```
#c9408b rgb(201,64,139)
```
#c97e40
```
#c97e40 rgb(201,126,64)
```

Tetradic Color

#2a6393
```
#2a6393 rgb(42,99,147)
```
#2f71a7
```
#2f71a7 rgb(47,113,167)
```
#357ebb
```
#357ebb rgb(53,126,187)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#5497cf
```
#5497cf rgb(84,151,207)
```
#68a3d4
```
#68a3d4 rgb(104,163,212)
```
#7cafda
```
#7cafda rgb(124,175,218)
```

Monochromatic Color

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

#40adc9
```
#40adc9 rgb(64,173,201)
```
#40a2c9
```
#40a2c9 rgb(64,162,201)
```
#4096c9
```
#4096c9 rgb(64,150,201)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#4080c9
```
#4080c9 rgb(64,128,201)
```
#4074c9
```
#4074c9 rgb(64,116,201)
```
#4069c9
```
#4069c9 rgb(64,105,201)
```

Similar Colors

Text with hexadecimal color #408bc9

This text has a font color of #408bc9.

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

#408bc9 background color

This paragraph has a background color of #408bc9.

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

#408bc9 border color

This element has a border color of #408bc9.

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

CSS codes

.text {color:#408bc9;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#071017
```
#071017 rgb(7,16,23)
```
#0b1a26
```
#0b1a26 rgb(11,26,38)
```
#0f2436
```
#0f2436 rgb(15,36,54)
```
#132f45
```
#132f45 rgb(19,47,69)
```
#183954
```
#183954 rgb(24,57,84)
```
#1c4364
```
#1c4364 rgb(28,67,100)
```
#204e73
```
#204e73 rgb(32,78,115)
```
#255882
```
#255882 rgb(37,88,130)
```
#296291
```
#296291 rgb(41,98,145)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#3277b0
```
#3277b0 rgb(50,119,176)
```
#3681bf
```
#3681bf rgb(54,129,191)
```

Shade Color Variation

#408bc9
```
#408bc9 rgb(64,139,201)
```
#4f94cd
```
#4f94cd rgb(79,148,205)
```
#5f9ed2
```
#5f9ed2 rgb(95,158,210)
```
#6ea7d6
```
#6ea7d6 rgb(110,167,214)
```
#7db0da
```
#7db0da rgb(125,176,218)
```
#8cb9df
```
#8cb9df rgb(140,185,223)
```
#9cc3e3
```
#9cc3e3 rgb(156,195,227)
```
#abcce7
```
#abcce7 rgb(171,204,231)
```
#bad5ec
```
#bad5ec rgb(186,213,236)
```
#cadff0
```
#cadff0 rgb(202,223,240)
```
#d9e8f4
```
#d9e8f4 rgb(217,232,244)
```
#e8f1f9
```
#e8f1f9 rgb(232,241,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828587 is the less saturated color, while #118ff8 is the most saturated one.

#828587
```
#828587 rgb(130,133,135)
```
#798690
```
#798690 rgb(121,134,144)
```
#6f879a
```
#6f879a rgb(111,135,154)
```
#6687a3
```
#6687a3 rgb(102,135,163)
```
#5c88ad
```
#5c88ad rgb(92,136,173)
```
#5389b6
```
#5389b6 rgb(83,137,182)
```
#498ac0
```
#498ac0 rgb(73,138,192)
```
#408bc9
```
#408bc9 rgb(64,139,201)
```
#378cd2
```
#378cd2 rgb(55,140,210)
```
#2d8ddc
```
#2d8ddc rgb(45,141,220)
```
#248ee5
```
#248ee5 rgb(36,142,229)
```
#1a8fef
```
#1a8fef rgb(26,143,239)
```
#118ff8
```
#118ff8 rgb(17,143,248)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#707f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#768ac6 Protanopia 1% of men
#698bcd Deuteranopia 1% of men
#2599a4 Tritanopia 0.001% of the population

Trichromacy

#628ac7 Protanomaly 1% of men, 0.01% of women
#5a8bcc Deuteranomaly 6% of men, 0.4% of women
#2e94b1 Tritanomaly 0.01% of the population