#408fec hex color

In a RGB color space, hex #408fec is composed of 25.1% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.4 degrees, a saturation of 81.9% and a lightness of 58.8%. #408fec color hex could be obtained by blending #80ffff with #001fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 56
- B 93
RGB color chart
- C 73
- M 39
- Y 0
- K 7
CMYK color chart

● #408fec color description : Bright blue.

The hexadecimal color #408fec has RGB values of R:64, G:143, B:236 and CMYK values of C:0.73, M:0.39, Y:0, K:0.07. Its decimal value is 4231148.

Hex triplet	408fec	`#408fec`
RGB Decimal	64, 143, 236	`rgb(64,143,236)`
RGB Percent	25.1, 56.1, 92.5	`rgb(25.1%,56.1%,92.5%)`
CMYK	73, 39, 0, 7
HSL	212.4°, 81.9, 58.8	`hsl(212.4,81.9%,58.8%)`
HSV (or HSB)	212.4°, 72.9, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.778, 6.662, -53.841
XYZ	27.074, 26.789, 83.096
xyY	0.198, 0.196, 26.789
CIE-LCH	58.778, 54.252, 277.053
CIE-LUV	58.778, -29.158, -86.219
Hunter-Lab	51.758, 2.793, -58.958
Binary	01000000, 10001111, 11101100

#408fec
```
#408fec rgb(64,143,236)
```
#ec9d40
```
#ec9d40 rgb(236,157,64)
```

Complementary Color

#40e5ec
```
#40e5ec rgb(64,229,236)
```
#408fec
```
#408fec rgb(64,143,236)
```
#4740ec
```
#4740ec rgb(71,64,236)
```

Analogous Color

#e5ec40
```
#e5ec40 rgb(229,236,64)
```
#408fec
```
#408fec rgb(64,143,236)
```
#ec4740
```
#ec4740 rgb(236,71,64)
```

Split Complementary Color

#8fec40
```
#8fec40 rgb(143,236,64)
```
#408fec
```
#408fec rgb(64,143,236)
```
#ec408f
```
#ec408f rgb(236,64,143)
```

Triadic Color

#40ec9d
```
#40ec9d rgb(64,236,157)
```
#408fec
```
#408fec rgb(64,143,236)
```
#ec408f
```
#ec408f rgb(236,64,143)
```
#ec9d40
```
#ec9d40 rgb(236,157,64)
```

Tetradic Color

#1468cb
```
#1468cb rgb(20,104,203)
```
#1774e2
```
#1774e2 rgb(23,116,226)
```
#2981ea
```
#2981ea rgb(41,129,234)
```
#408fec
```
#408fec rgb(64,143,236)
```
#579dee
```
#579dee rgb(87,157,238)
```
#6eaaf1
```
#6eaaf1 rgb(110,170,241)
```
#86b8f3
```
#86b8f3 rgb(134,184,243)
```

Monochromatic Color

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

#40baec
```
#40baec rgb(64,186,236)
```
#40acec
```
#40acec rgb(64,172,236)
```
#409dec
```
#409dec rgb(64,157,236)
```
#408fec
```
#408fec rgb(64,143,236)
```
#4081ec
```
#4081ec rgb(64,129,236)
```
#4072ec
```
#4072ec rgb(64,114,236)
```
#4064ec
```
#4064ec rgb(64,100,236)
```

Similar Colors

Text with hexadecimal color #408fec

This text has a font color of #408fec.

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

#408fec background color

This paragraph has a background color of #408fec.

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

#408fec border color

This element has a border color of #408fec.

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

CSS codes

.text {color:#408fec;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#041529
```
#041529 rgb(4,21,41)
```
#061e3b
```
#061e3b rgb(6,30,59)
```
#08274d
```
#08274d rgb(8,39,77)
```
#09305e
```
#09305e rgb(9,48,94)
```
#0b3a70
```
#0b3a70 rgb(11,58,112)
```
#0d4382
```
#0d4382 rgb(13,67,130)
```
#0f4c94
```
#0f4c94 rgb(15,76,148)
```
#1055a6
```
#1055a6 rgb(16,85,166)
```
#125eb8
```
#125eb8 rgb(18,94,184)
```
#1467c9
```
#1467c9 rgb(20,103,201)
```
#1671db
```
#1671db rgb(22,113,219)
```

Shade Color Variation

#1c7ae8
```
#1c7ae8 rgb(28,122,232)
```
#2e85ea
```
#2e85ea rgb(46,133,234)
```
#408fec
```
#408fec rgb(64,143,236)
```
#5299ee
```
#5299ee rgb(82,153,238)
```
#64a4f0
```
#64a4f0 rgb(100,164,240)
```
#76aef1
```
#76aef1 rgb(118,174,241)
```
#87b9f3
```
#87b9f3 rgb(135,185,243)
```
#99c3f5
```
#99c3f5 rgb(153,195,245)
```
#abcef7
```
#abcef7 rgb(171,206,247)
```
#bdd8f8
```
#bdd8f8 rgb(189,216,248)
```
#cfe3fa
```
#cfe3fa rgb(207,227,250)
```
#e1edfc
```
#e1edfc rgb(225,237,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91969b is the less saturated color, while #308efc is the most saturated one.

#91969b
```
#91969b rgb(145,150,155)
```
#8995a3
```
#8995a3 rgb(137,149,163)
```
#8194ab
```
#8194ab rgb(129,148,171)
```
#7994b3
```
#7994b3 rgb(121,148,179)
```
#7093bc
```
#7093bc rgb(112,147,188)
```
#6892c4
```
#6892c4 rgb(104,146,196)
```
#6092cc
```
#6092cc rgb(96,146,204)
```
#5891d4
```
#5891d4 rgb(88,145,212)
```
#5090dc
```
#5090dc rgb(80,144,220)
```
#4890e4
```
#4890e4 rgb(72,144,228)
```
#408fec
```
#408fec rgb(64,143,236)
```
#388ef4
```
#388ef4 rgb(56,142,244)
```
#308efc
```
#308efc rgb(48,142,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#758597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b90e9 Protanopia 1% of men
#4b94ed Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5b8fea Protanomaly 1% of men, 0.01% of women
#4792ec Deuteranomaly 6% of men, 0.4% of women
#179ac3 Tritanomaly 0.01% of the population

#408fec hex color

#408fec Color Information

#408fec Color Conversion

Color Schemes with #408fec

Alternatives to #408fec

#408fec Preview

Shades and Tints of #408fec

Tones of #408fec

Color Blindness Simulator