#408dfb hex color

In a RGB color space, hex #408dfb is composed of 25.1% red, 55.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 43.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 215.3 degrees, a saturation of 95.9% and a lightness of 61.8%. #408dfb color hex could be obtained by blending #80ffff with #001bf7. Closest websafe color is: #3399ff.

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

● #408dfb color description : Bright blue.

The hexadecimal color #408dfb has RGB values of R:64, G:141, B:251 and CMYK values of C:0.75, M:0.44, Y:0, K:0.02. Its decimal value is 4230651.

Hex triplet	408dfb	`#408dfb`
RGB Decimal	64, 141, 251	`rgb(64,141,251)`
RGB Percent	25.1, 55.3, 98.4	`rgb(25.1%,55.3%,98.4%)`
CMYK	75, 44, 0, 2
HSL	215.3°, 95.9, 61.8	`hsl(215.3,95.9%,61.8%)`
HSV (or HSB)	215.3°, 74.5, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.069, 13.218, -61.655
XYZ	29.048, 27.103, 94.962
xyY	0.192, 0.179, 27.103
CIE-LCH	59.069, 63.056, 282.101
CIE-LUV	59.069, -28.081, -99.655
Hunter-Lab	52.06, 8.492, -71.708
Binary	01000000, 10001101, 11111011

#408dfb
```
#408dfb rgb(64,141,251)
```
#fbae40
```
#fbae40 rgb(251,174,64)
```

Complementary Color

#40ebfb
```
#40ebfb rgb(64,235,251)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#5040fb
```
#5040fb rgb(80,64,251)
```

Analogous Color

#ebfb40
```
#ebfb40 rgb(235,251,64)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#fb5040
```
#fb5040 rgb(251,80,64)
```

Split Complementary Color

#8dfb40
```
#8dfb40 rgb(141,251,64)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#fb408d
```
#fb408d rgb(251,64,141)
```

Triadic Color

#40fbae
```
#40fbae rgb(64,251,174)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#fb408d
```
#fb408d rgb(251,64,141)
```
#fbae40
```
#fbae40 rgb(251,174,64)
```

Tetradic Color

#0563ea
```
#0563ea rgb(5,99,234)
```
#0e6ffa
```
#0e6ffa rgb(14,111,250)
```
#277efa
```
#277efa rgb(39,126,250)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#599cfc
```
#599cfc rgb(89,156,252)
```
#72abfc
```
#72abfc rgb(114,171,252)
```
#8bbafd
```
#8bbafd rgb(139,186,253)
```

Monochromatic Color

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

#40bcfb
```
#40bcfb rgb(64,188,251)
```
#40acfb
```
#40acfb rgb(64,172,251)
```
#409dfb
```
#409dfb rgb(64,157,251)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#407dfb
```
#407dfb rgb(64,125,251)
```
#406efb
```
#406efb rgb(64,110,251)
```
#405efb
```
#405efb rgb(64,94,251)
```

Similar Colors

Text with hexadecimal color #408dfb

This text has a font color of #408dfb.

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

#408dfb background color

This paragraph has a background color of #408dfb.

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

#408dfb border color

This element has a border color of #408dfb.

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

CSS codes

.text {color:#408dfb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000914
```
#000914 rgb(0,9,20)
```
#011128
```
#011128 rgb(1,17,40)
```
#01193b
```
#01193b rgb(1,25,59)
```
#02214e
```
#02214e rgb(2,33,78)
```
#022961
```
#022961 rgb(2,41,97)
```
#023174
```
#023174 rgb(2,49,116)
```
#033a88
```
#033a88 rgb(3,58,136)
```
#03429b
```
#03429b rgb(3,66,155)
```
#044aae
```
#044aae rgb(4,74,174)
```
#0452c1
```
#0452c1 rgb(4,82,193)
```
#045ad4
```
#045ad4 rgb(4,90,212)
```
#0562e8
```
#0562e8 rgb(5,98,232)
```

Shade Color Variation

#066bfa
```
#066bfa rgb(6,107,250)
```
#1a76fa
```
#1a76fa rgb(26,118,250)
```
#2d82fb
```
#2d82fb rgb(45,130,251)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#5398fb
```
#5398fb rgb(83,152,251)
```
#66a4fc
```
#66a4fc rgb(102,164,252)
```
#7aaffc
```
#7aaffc rgb(122,175,252)
```
#8dbbfd
```
#8dbbfd rgb(141,187,253)
```
#a0c6fd
```
#a0c6fd rgb(160,198,253)
```
#b3d2fd
```
#b3d2fd rgb(179,210,253)
```
#c6ddfe
```
#c6ddfe rgb(198,221,254)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#9a9da1
```
#9a9da1 rgb(154,157,161)
```
#939ca9
```
#939ca9 rgb(147,156,169)
```
#8b9ab0
```
#8b9ab0 rgb(139,154,176)
```
#8499b8
```
#8499b8 rgb(132,153,184)
```
#7c98bf
```
#7c98bf rgb(124,152,191)
```
#7596c7
```
#7596c7 rgb(117,150,199)
```
#6d95ce
```
#6d95ce rgb(109,149,206)
```
#6694d6
```
#6694d6 rgb(102,148,214)
```
#5e92dd
```
#5e92dd rgb(94,146,221)
```
#5791e5
```
#5791e5 rgb(87,145,229)
```
#4f90ec
```
#4f90ec rgb(79,144,236)
```
#488ef4
```
#488ef4 rgb(72,142,244)
```
#408dfb
```
#408dfb rgb(64,141,251)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#76859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d90f9 Protanopia 1% of men
#1e96f9 Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#538ff9 Protanomaly 1% of men, 0.01% of women
#2a92fa Deuteranomaly 6% of men, 0.4% of women
#179ac9 Tritanomaly 0.01% of the population

#408dfb hex color

#408dfb Color Information

#408dfb Color Conversion

Color Schemes with #408dfb

Alternatives to #408dfb

#408dfb Preview

Shades and Tints of #408dfb

Tones of #408dfb

Color Blindness Simulator