#408aff hex color

In a RGB color space, hex #408aff is composed of 25.1% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 216.8 degrees, a saturation of 100% and a lightness of 62.5%. #408aff color hex could be obtained by blending #80ffff with #0015ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 54
- B 100
RGB color chart
- C 75
- M 46
- Y 0
- K 0
CMYK color chart

● #408aff color description : Light blue.

The hexadecimal color #408aff has RGB values of R:64, G:138, B:255 and CMYK values of C:0.75, M:0.46, Y:0, K:0. Its decimal value is 4229887.

Hex triplet	408aff	`#408aff`
RGB Decimal	64, 138, 255	`rgb(64,138,255)`
RGB Percent	25.1, 54.1, 100	`rgb(25.1%,54.1%,100%)`
CMYK	75, 46, 0, 0
HSL	216.8°, 100, 62.5	`hsl(216.8,100%,62.5%)`
HSV (or HSB)	216.8°, 74.9, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.494, 16.471, -64.776
XYZ	29.249, 26.485, 98.173
xyY	0.19, 0.172, 26.485
CIE-LCH	58.494, 66.838, 284.266
CIE-LUV	58.494, -27.056, -104.752
Hunter-Lab	51.463, 11.388, -77.079
Binary	01000000, 10001010, 11111111

#408aff
```
#408aff rgb(64,138,255)
```
#ffb540
```
#ffb540 rgb(255,181,64)
```

Complementary Color

#40eaff
```
#40eaff rgb(64,234,255)
```
#408aff
```
#408aff rgb(64,138,255)
```
#5640ff
```
#5640ff rgb(86,64,255)
```

Analogous Color

#eaff40
```
#eaff40 rgb(234,255,64)
```
#408aff
```
#408aff rgb(64,138,255)
```
#ff5640
```
#ff5640 rgb(255,86,64)
```

Split Complementary Color

#8aff40
```
#8aff40 rgb(138,255,64)
```
#408aff
```
#408aff rgb(64,138,255)
```
#ff408a
```
#ff408a rgb(255,64,138)
```

Triadic Color

#40ffb5
```
#40ffb5 rgb(64,255,181)
```
#408aff
```
#408aff rgb(64,138,255)
```
#ff408a
```
#ff408a rgb(255,64,138)
```
#ffb540
```
#ffb540 rgb(255,181,64)
```

Tetradic Color

#005ef3
```
#005ef3 rgb(0,94,243)
```
#0d6bff
```
#0d6bff rgb(13,107,255)
```
#277aff
```
#277aff rgb(39,122,255)
```
#408aff
```
#408aff rgb(64,138,255)
```
#5a9aff
```
#5a9aff rgb(90,154,255)
```
#73a9ff
```
#73a9ff rgb(115,169,255)
```
#8db9ff
```
#8db9ff rgb(141,185,255)
```

Monochromatic Color

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

#40baff
```
#40baff rgb(64,186,255)
```
#40aaff
```
#40aaff rgb(64,170,255)
```
#409aff
```
#409aff rgb(64,154,255)
```
#408aff
```
#408aff rgb(64,138,255)
```
#407aff
```
#407aff rgb(64,122,255)
```
#406aff
```
#406aff rgb(64,106,255)
```
#405aff
```
#405aff rgb(64,90,255)
```

Similar Colors

Text with hexadecimal color #408aff

This text has a font color of #408aff.

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

#408aff background color

This paragraph has a background color of #408aff.

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

#408aff border color

This element has a border color of #408aff.

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

CSS codes

.text {color:#408aff;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#00112c
```
#00112c rgb(0,17,44)
```
#001940
```
#001940 rgb(0,25,64)
```
#002054
```
#002054 rgb(0,32,84)
```
#002867
```
#002867 rgb(0,40,103)
```
#00307b
```
#00307b rgb(0,48,123)
```
#00378e
```
#00378e rgb(0,55,142)
```
#003fa2
```
#003fa2 rgb(0,63,162)
```
#0046b6
```
#0046b6 rgb(0,70,182)
```
#004ec9
```
#004ec9 rgb(0,78,201)
```
#0056dd
```
#0056dd rgb(0,86,221)
```
#005df1
```
#005df1 rgb(0,93,241)
```

Shade Color Variation

#0566ff
```
#0566ff rgb(5,102,255)
```
#1972ff
```
#1972ff rgb(25,114,255)
```
#2c7eff
```
#2c7eff rgb(44,126,255)
```
#408aff
```
#408aff rgb(64,138,255)
```
#5496ff
```
#5496ff rgb(84,150,255)
```
#67a2ff
```
#67a2ff rgb(103,162,255)
```
#7baeff
```
#7baeff rgb(123,174,255)
```
#8ebaff
```
#8ebaff rgb(142,186,255)
```
#a2c6ff
```
#a2c6ff rgb(162,198,255)
```
#b6d2ff
```
#b6d2ff rgb(182,210,255)
```
#c9deff
```
#c9deff rgb(201,222,255)
```
#ddeaff
```
#ddeaff rgb(221,234,255)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#989ea7
```
#989ea7 rgb(152,158,167)
```
#919cae
```
#919cae rgb(145,156,174)
```
#899bb6
```
#899bb6 rgb(137,155,182)
```
#8299bd
```
#8299bd rgb(130,153,189)
```
#7b97c4
```
#7b97c4 rgb(123,151,196)
```
#7396cc
```
#7396cc rgb(115,150,204)
```
#6c94d3
```
#6c94d3 rgb(108,148,211)
```
#6592da
```
#6592da rgb(101,146,218)
```
#5d91e2
```
#5d91e2 rgb(93,145,226)
```
#568fe9
```
#568fe9 rgb(86,143,233)
```
#4f8df0
```
#4f8df0 rgb(79,141,240)
```
#478cf8
```
#478cf8 rgb(71,140,248)
```
#408aff
```
#408aff rgb(64,138,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#74839a Atypical Achromatopsia 0.001% of the population

Dichromacy

#548efe Protanopia 1% of men
#0095f7 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#4d8dfe Protanomaly 1% of men, 0.01% of women
#1791fa Deuteranomaly 6% of men, 0.4% of women
#1798c9 Tritanomaly 0.01% of the population

#408aff hex color

#408aff Color Information

#408aff Color Conversion

Color Schemes with #408aff

Alternatives to #408aff

#408aff Preview

Shades and Tints of #408aff

Tones of #408aff

Color Blindness Simulator