#408cfc hex color

In a RGB color space, hex #408cfc is composed of 25.1% red, 54.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 44.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 215.7 degrees, a saturation of 96.9% and a lightness of 62%. #408cfc color hex could be obtained by blending #80ffff with #0019f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 55
- B 99
RGB color chart
- C 75
- M 44
- Y 0
- K 1
CMYK color chart

● #408cfc color description : Bright blue.

The hexadecimal color #408cfc has RGB values of R:64, G:140, B:252 and CMYK values of C:0.75, M:0.44, Y:0, K:0.01. Its decimal value is 4230396.

Hex triplet	408cfc	`#408cfc`
RGB Decimal	64, 140, 252	`rgb(64,140,252)`
RGB Percent	25.1, 54.9, 98.8	`rgb(25.1%,54.9%,98.8%)`
CMYK	75, 44, 0, 1
HSL	215.7°, 96.9, 62	`hsl(215.7,96.9%,62%)`
HSV (or HSB)	215.7°, 74.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.856, 14.181, -62.547
XYZ	29.059, 26.872, 95.745
xyY	0.192, 0.177, 26.872
CIE-LCH	58.856, 64.135, 282.775
CIE-LUV	58.856, -27.744, -101.107
Hunter-Lab	51.838, 9.345, -73.222
Binary	01000000, 10001100, 11111100

#408cfc
```
#408cfc rgb(64,140,252)
```
#fcb040
```
#fcb040 rgb(252,176,64)
```

Complementary Color

#40eafc
```
#40eafc rgb(64,234,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#5240fc
```
#5240fc rgb(82,64,252)
```

Analogous Color

#eafc40
```
#eafc40 rgb(234,252,64)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#fc5240
```
#fc5240 rgb(252,82,64)
```

Split Complementary Color

#8cfc40
```
#8cfc40 rgb(140,252,64)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#fc408c
```
#fc408c rgb(252,64,140)
```

Triadic Color

#40fcb0
```
#40fcb0 rgb(64,252,176)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#fc408c
```
#fc408c rgb(252,64,140)
```
#fcb040
```
#fcb040 rgb(252,176,64)
```

Tetradic Color

#0462ec
```
#0462ec rgb(4,98,236)
```
#0e6efb
```
#0e6efb rgb(14,110,251)
```
#277dfc
```
#277dfc rgb(39,125,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#599bfc
```
#599bfc rgb(89,155,252)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#8bb9fd
```
#8bb9fd rgb(139,185,253)
```

Monochromatic Color

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

#40bbfc
```
#40bbfc rgb(64,187,252)
```
#40abfc
```
#40abfc rgb(64,171,252)
```
#409cfc
```
#409cfc rgb(64,156,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#407cfc
```
#407cfc rgb(64,124,252)
```
#406dfc
```
#406dfc rgb(64,109,252)
```
#405dfc
```
#405dfc rgb(64,93,252)
```

Similar Colors

Text with hexadecimal color #408cfc

This text has a font color of #408cfc.

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

#408cfc background color

This paragraph has a background color of #408cfc.

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

#408cfc border color

This element has a border color of #408cfc.

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

CSS codes

.text {color:#408cfc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000915
```
#000915 rgb(0,9,21)
```
#011129
```
#011129 rgb(1,17,41)
```
#01193c
```
#01193c rgb(1,25,60)
```
#01214f
```
#01214f rgb(1,33,79)
```
#022963
```
#022963 rgb(2,41,99)
```
#023176
```
#023176 rgb(2,49,118)
```
#023989
```
#023989 rgb(2,57,137)
```
#02419d
```
#02419d rgb(2,65,157)
```
#0349b0
```
#0349b0 rgb(3,73,176)
```
#0351c3
```
#0351c3 rgb(3,81,195)
```
#0359d7
```
#0359d7 rgb(3,89,215)
```
#0461ea
```
#0461ea rgb(4,97,234)
```

Shade Color Variation

#0669fb
```
#0669fb rgb(6,105,251)
```
#1975fb
```
#1975fb rgb(25,117,251)
```
#2d80fc
```
#2d80fc rgb(45,128,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#5398fc
```
#5398fc rgb(83,152,252)
```
#67a3fd
```
#67a3fd rgb(103,163,253)
```
#7aaffd
```
#7aaffd rgb(122,175,253)
```
#8dbbfd
```
#8dbbfd rgb(141,187,253)
```
#a1c6fe
```
#a1c6fe rgb(161,198,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9da2 is the less saturated color, while #408cfc is the most saturated one.

#9a9da2
```
#9a9da2 rgb(154,157,162)
```
#929caa
```
#929caa rgb(146,156,170)
```
#8b9ab1
```
#8b9ab1 rgb(139,154,177)
```
#8399b9
```
#8399b9 rgb(131,153,185)
```
#7c97c0
```
#7c97c0 rgb(124,151,192)
```
#7496c8
```
#7496c8 rgb(116,150,200)
```
#6d95cf
```
#6d95cf rgb(109,149,207)
```
#6593d7
```
#6593d7 rgb(101,147,215)
```
#5e92de
```
#5e92de rgb(94,146,222)
```
#5690e6
```
#5690e6 rgb(86,144,230)
```
#4f8fed
```
#4f8fed rgb(79,143,237)
```
#478df5
```
#478df5 rgb(71,141,245)
```
#408cfc
```
#408cfc rgb(64,140,252)
```

Tone Color Variation

Below, you can see how #408cfc 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
#75849a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b90fa Protanopia 1% of men
#0095fa Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#518efb Protanomaly 1% of men, 0.01% of women
#1792fa Deuteranomaly 6% of men, 0.4% of women
#1799c9 Tritanomaly 0.01% of the population

#408cfc hex color

#408cfc Color Information

#408cfc Color Conversion

Color Schemes with #408cfc

Alternatives to #408cfc

#408cfc Preview

Shades and Tints of #408cfc

Tones of #408cfc

Color Blindness Simulator