#408cce hex color

In a RGB color space, hex #408cce is composed of 25.1% red, 54.9% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 32% magenta, 0% yellow and 19.2% black. It has a hue angle of 207.9 degrees, a saturation of 59.2% and a lightness of 52.9%. #408cce color hex could be obtained by blending #80ffff with #00199d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 55
- B 81
RGB color chart
- C 69
- M 32
- Y 0
- K 19
CMYK color chart

● #408cce color description : Moderate blue.

The hexadecimal color #408cce has RGB values of R:64, G:140, B:206 and CMYK values of C:0.69, M:0.32, Y:0, K:0.19. Its decimal value is 4230350.

Hex triplet	408cce	`#408cce`
RGB Decimal	64, 140, 206	`rgb(64,140,206)`
RGB Percent	25.1, 54.9, 80.8	`rgb(25.1%,54.9%,80.8%)`
CMYK	69, 32, 0, 19
HSL	207.9°, 59.2, 52.9	`hsl(207.9,59.2%,52.9%)`
HSV (or HSB)	207.9°, 68.9, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.388, -2.116, -40.863
XYZ	22.63, 24.301, 61.887
xyY	0.208, 0.223, 24.301
CIE-LCH	56.388, 40.918, 267.036
CIE-LUV	56.388, -29.18, -63.421
Hunter-Lab	49.296, -4.323, -39.927
Binary	01000000, 10001100, 11001110

#408cce
```
#408cce rgb(64,140,206)
```
#ce8240
```
#ce8240 rgb(206,130,64)
```

Complementary Color

#40cec9
```
#40cec9 rgb(64,206,201)
```
#408cce
```
#408cce rgb(64,140,206)
```
#4045ce
```
#4045ce rgb(64,69,206)
```

Analogous Color

#cec940
```
#cec940 rgb(206,201,64)
```
#408cce
```
#408cce rgb(64,140,206)
```
#ce4045
```
#ce4045 rgb(206,64,69)
```

Split Complementary Color

#8cce40
```
#8cce40 rgb(140,206,64)
```
#408cce
```
#408cce rgb(64,140,206)
```
#ce408c
```
#ce408c rgb(206,64,140)
```

Triadic Color

#40ce82
```
#40ce82 rgb(64,206,130)
```
#408cce
```
#408cce rgb(64,140,206)
```
#ce408c
```
#ce408c rgb(206,64,140)
```
#ce8240
```
#ce8240 rgb(206,130,64)
```

Tetradic Color

#28659a
```
#28659a rgb(40,101,154)
```
#2d72ae
```
#2d72ae rgb(45,114,174)
```
#327fc3
```
#327fc3 rgb(50,127,195)
```
#408cce
```
#408cce rgb(64,140,206)
```
#5498d3
```
#5498d3 rgb(84,152,211)
```
#69a4d8
```
#69a4d8 rgb(105,164,216)
```
#7db1de
```
#7db1de rgb(125,177,222)
```

Monochromatic Color

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

#40b0ce
```
#40b0ce rgb(64,176,206)
```
#40a4ce
```
#40a4ce rgb(64,164,206)
```
#4098ce
```
#4098ce rgb(64,152,206)
```
#408cce
```
#408cce rgb(64,140,206)
```
#4080ce
```
#4080ce rgb(64,128,206)
```
#4074ce
```
#4074ce rgb(64,116,206)
```
#4069ce
```
#4069ce rgb(64,105,206)
```

Similar Colors

Text with hexadecimal color #408cce

This text has a font color of #408cce.

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

#408cce background color

This paragraph has a background color of #408cce.

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

#408cce border color

This element has a border color of #408cce.

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

CSS codes

.text {color:#408cce;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#07121c
```
#07121c rgb(7,18,28)
```
#0b1c2b
```
#0b1c2b rgb(11,28,43)
```
#0f263b
```
#0f263b rgb(15,38,59)
```
#13314a
```
#13314a rgb(19,49,74)
```
#173b5a
```
#173b5a rgb(23,59,90)
```
#1b456a
```
#1b456a rgb(27,69,106)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#235a89
```
#235a89 rgb(35,90,137)
```
#276498
```
#276498 rgb(39,100,152)
```
#2b6ea8
```
#2b6ea8 rgb(43,110,168)
```
#2f78b8
```
#2f78b8 rgb(47,120,184)
```
#3382c7
```
#3382c7 rgb(51,130,199)
```

Shade Color Variation

#408cce
```
#408cce rgb(64,140,206)
```
#5095d2
```
#5095d2 rgb(80,149,210)
```
#5f9fd6
```
#5f9fd6 rgb(95,159,214)
```
#6fa8da
```
#6fa8da rgb(111,168,218)
```
#7eb2de
```
#7eb2de rgb(126,178,222)
```
#8ebbe2
```
#8ebbe2 rgb(142,187,226)
```
#9ec4e6
```
#9ec4e6 rgb(158,196,230)
```
#adceea
```
#adceea rgb(173,206,234)
```
#bdd7ee
```
#bdd7ee rgb(189,215,238)
```
#cce1f2
```
#cce1f2 rgb(204,225,242)
```
#dceaf6
```
#dceaf6 rgb(220,234,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81878d is the less saturated color, while #128ffc is the most saturated one.

#81878d
```
#81878d rgb(129,135,141)
```
#778897
```
#778897 rgb(119,136,151)
```
#6e89a0
```
#6e89a0 rgb(110,137,160)
```
#6589a9
```
#6589a9 rgb(101,137,169)
```
#5c8ab2
```
#5c8ab2 rgb(92,138,178)
```
#528bbc
```
#528bbc rgb(82,139,188)
```
#498bc5
```
#498bc5 rgb(73,139,197)
```
#408cce
```
#408cce rgb(64,140,206)
```
#378dd7
```
#378dd7 rgb(55,141,215)
```
#2e8de0
```
#2e8de0 rgb(46,141,224)
```
#248eea
```
#248eea rgb(36,142,234)
```
#1b8ff3
```
#1b8ff3 rgb(27,143,243)
```
#128ffc
```
#128ffc rgb(18,143,252)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#71808d Atypical Achromatopsia 0.001% of the population

Dichromacy

#758bcb Protanopia 1% of men
#668dd2 Deuteranopia 1% of men
#1d9aa6 Tritanopia 0.001% of the population

Trichromacy

#628bcc Protanomaly 1% of men, 0.01% of women
#588cd0 Deuteranomaly 6% of men, 0.4% of women
#2a95b4 Tritanomaly 0.01% of the population

#408cce hex color

#408cce Color Information

#408cce Color Conversion

Color Schemes with #408cce

Alternatives to #408cce

#408cce Preview

Shades and Tints of #408cce

Tones of #408cce

Color Blindness Simulator