#406ff5 hex color

In a RGB color space, hex #406ff5 is composed of 25.1% red, 43.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 54.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 224.4 degrees, a saturation of 90% and a lightness of 60.6%. #406ff5 color hex could be obtained by blending #80deff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 44
- B 96
RGB color chart
- C 74
- M 55
- Y 0
- K 4
CMYK color chart

● #406ff5 color description : Bright blue.

The hexadecimal color #406ff5 has RGB values of R:64, G:111, B:245 and CMYK values of C:0.74, M:0.55, Y:0, K:0.04. Its decimal value is 4222965.

Hex triplet	406ff5	`#406ff5`
RGB Decimal	64, 111, 245	`rgb(64,111,245)`
RGB Percent	25.1, 43.5, 96.1	`rgb(25.1%,43.5%,96.1%)`
CMYK	74, 55, 0, 4
HSL	224.4°, 90, 60.6	`hsl(224.4,90%,60.6%)`
HSV (or HSB)	224.4°, 73.9, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.745, 29.544, -71.766
XYZ	24.277, 19.05, 88.779
xyY	0.184, 0.144, 19.05
CIE-LCH	50.745, 77.609, 292.376
CIE-LUV	50.745, -19.366, -112.721
Hunter-Lab	43.646, 22.904, -90.047
Binary	01000000, 01101111, 11110101

#406ff5
```
#406ff5 rgb(64,111,245)
```
#f5c640
```
#f5c640 rgb(245,198,64)
```

Complementary Color

#40caf5
```
#40caf5 rgb(64,202,245)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#6c40f5
```
#6c40f5 rgb(108,64,245)
```

Analogous Color

#caf540
```
#caf540 rgb(202,245,64)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#f56c40
```
#f56c40 rgb(245,108,64)
```

Split Complementary Color

#6ff540
```
#6ff540 rgb(111,245,64)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#f5406f
```
#f5406f rgb(245,64,111)
```

Triadic Color

#40f5c6
```
#40f5c6 rgb(64,245,198)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#f5406f
```
#f5406f rgb(245,64,111)
```
#f5c640
```
#f5c640 rgb(245,198,64)
```

Tetradic Color

#0c42dd
```
#0c42dd rgb(12,66,221)
```
#104af2
```
#104af2 rgb(16,74,242)
```
#285df4
```
#285df4 rgb(40,93,244)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#5881f6
```
#5881f6 rgb(88,129,246)
```
#7094f8
```
#7094f8 rgb(112,148,248)
```
#89a6f9
```
#89a6f9 rgb(137,166,249)
```

Monochromatic Color

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

#409cf5
```
#409cf5 rgb(64,156,245)
```
#408df5
```
#408df5 rgb(64,141,245)
```
#407ef5
```
#407ef5 rgb(64,126,245)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#4060f5
```
#4060f5 rgb(64,96,245)
```
#4051f5
```
#4051f5 rgb(64,81,245)
```
#4042f5
```
#4042f5 rgb(64,66,245)
```

Similar Colors

Text with hexadecimal color #406ff5

This text has a font color of #406ff5.

<span style="color:#406ff5;">Text here</span>

#406ff5 background color

This paragraph has a background color of #406ff5.

<p style="background-color:#406ff5;">Content here</p>

#406ff5 border color

This element has a border color of #406ff5.

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

CSS codes

.text {color:#406ff5;}

.background {background-color:#406ff5;}

.border {border:1px solid #406ff5;}

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, #01040e is the darkest color, while #fafcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#020a21
```
#020a21 rgb(2,10,33)
```
#030f33
```
#030f33 rgb(3,15,51)
```
#041546
```
#041546 rgb(4,21,70)
```
#051a59
```
#051a59 rgb(5,26,89)
```
#06206b
```
#06206b rgb(6,32,107)
```
#07267e
```
#07267e rgb(7,38,126)
```
#082b91
```
#082b91 rgb(8,43,145)
```
#0931a3
```
#0931a3 rgb(9,49,163)
```
#0a36b6
```
#0a36b6 rgb(10,54,182)
```
#0a3cc8
```
#0a3cc8 rgb(10,60,200)
```
#0b41db
```
#0b41db rgb(11,65,219)
```
#0c47ee
```
#0c47ee rgb(12,71,238)
```

Shade Color Variation

#1b53f3
```
#1b53f3 rgb(27,83,243)
```
#2d61f4
```
#2d61f4 rgb(45,97,244)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#537df6
```
#537df6 rgb(83,125,246)
```
#658bf7
```
#658bf7 rgb(101,139,247)
```
#7899f8
```
#7899f8 rgb(120,153,248)
```
#8ba7f9
```
#8ba7f9 rgb(139,167,249)
```
#9db5fa
```
#9db5fa rgb(157,181,250)
```
#b0c3fb
```
#b0c3fb rgb(176,195,251)
```
#c2d1fc
```
#c2d1fc rgb(194,209,252)
```
#d5dffd
```
#d5dffd rgb(213,223,253)
```
#e8edfe
```
#e8edfe rgb(232,237,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9598a0 is the less saturated color, while #386bfd is the most saturated one.

#9598a0
```
#9598a0 rgb(149,152,160)
```
#8d94a8
```
#8d94a8 rgb(141,148,168)
```
#8690af
```
#8690af rgb(134,144,175)
```
#7e8db7
```
#7e8db7 rgb(126,141,183)
```
#7689bf
```
#7689bf rgb(118,137,191)
```
#6e85c7
```
#6e85c7 rgb(110,133,199)
```
#6782ce
```
#6782ce rgb(103,130,206)
```
#5f7ed6
```
#5f7ed6 rgb(95,126,214)
```
#577ade
```
#577ade rgb(87,122,222)
```
#4f76e6
```
#4f76e6 rgb(79,118,230)
```
#4873ed
```
#4873ed rgb(72,115,237)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#386bfd
```
#386bfd rgb(56,107,253)
```

Tone Color Variation

Below, you can see how #406ff5 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

#707070 Achromatopsia 0.005% of the population
#66708b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#1777f3 Protanomaly 1% of men, 0.01% of women
#177be0 Deuteranomaly 6% of men, 0.4% of women
#1781b7 Tritanomaly 0.01% of the population

#406ff5 hex color

#406ff5 Color Information

#406ff5 Color Conversion

Color Schemes with #406ff5

Alternatives to #406ff5

#406ff5 Preview

Shades and Tints of #406ff5

Tones of #406ff5

Color Blindness Simulator