#406be5 hex color

In a RGB color space, hex #406be5 is composed of 25.1% red, 42% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 53.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 224.4 degrees, a saturation of 76% and a lightness of 57.5%. #406be5 color hex could be obtained by blending #80d6ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 90
RGB color chart
- C 72
- M 53
- Y 0
- K 10
CMYK color chart

● #406be5 color description : Bright blue.

The hexadecimal color #406be5 has RGB values of R:64, G:107, B:229 and CMYK values of C:0.72, M:0.53, Y:0, K:0.1. Its decimal value is 4221925.

Hex triplet	406be5	`#406be5`
RGB Decimal	64, 107, 229	`rgb(64,107,229)`
RGB Percent	25.1, 42, 89.8	`rgb(25.1%,42%,89.8%)`
CMYK	72, 53, 0, 10
HSL	224.4°, 76, 57.5	`hsl(224.4,76%,57.5%)`
HSV (or HSB)	224.4°, 72.1, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.587, 26.314, -66.304
XYZ	21.512, 17.261, 76.322
xyY	0.187, 0.15, 17.261
CIE-LCH	48.587, 71.335, 291.647
CIE-LUV	48.587, -18.266, -103.189
Hunter-Lab	41.546, 19.717, -79.836
Binary	01000000, 01101011, 11100101

#406be5
```
#406be5 rgb(64,107,229)
```
#e5ba40
```
#e5ba40 rgb(229,186,64)
```

Complementary Color

#40bee5
```
#40bee5 rgb(64,190,229)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#6840e5
```
#6840e5 rgb(104,64,229)
```

Analogous Color

#bee540
```
#bee540 rgb(190,229,64)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#e56840
```
#e56840 rgb(229,104,64)
```

Split Complementary Color

#6be540
```
#6be540 rgb(107,229,64)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#e5406b
```
#e5406b rgb(229,64,107)
```

Triadic Color

#40e5ba
```
#40e5ba rgb(64,229,186)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#e5406b
```
#e5406b rgb(229,64,107)
```
#e5ba40
```
#e5ba40 rgb(229,186,64)
```

Tetradic Color

#1a45bf
```
#1a45bf rgb(26,69,191)
```
#1d4dd5
```
#1d4dd5 rgb(29,77,213)
```
#2a5ae2
```
#2a5ae2 rgb(42,90,226)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#567ce8
```
#567ce8 rgb(86,124,232)
```
#6d8eeb
```
#6d8eeb rgb(109,142,235)
```
#839fee
```
#839fee rgb(131,159,238)
```

Monochromatic Color

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

#4094e5
```
#4094e5 rgb(64,148,229)
```
#4087e5
```
#4087e5 rgb(64,135,229)
```
#4079e5
```
#4079e5 rgb(64,121,229)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#405de5
```
#405de5 rgb(64,93,229)
```
#4050e5
```
#4050e5 rgb(64,80,229)
```
#4042e5
```
#4042e5 rgb(64,66,229)
```

Similar Colors

Text with hexadecimal color #406be5

This text has a font color of #406be5.

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

#406be5 background color

This paragraph has a background color of #406be5.

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

#406be5 border color

This element has a border color of #406be5.

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

CSS codes

.text {color:#406be5;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#050c21
```
#050c21 rgb(5,12,33)
```
#071233
```
#071233 rgb(7,18,51)
```
#091944
```
#091944 rgb(9,25,68)
```
#0c1f55
```
#0c1f55 rgb(12,31,85)
```
#0e2567
```
#0e2567 rgb(14,37,103)
```
#102b78
```
#102b78 rgb(16,43,120)
```
#133289
```
#133289 rgb(19,50,137)
```
#15389a
```
#15389a rgb(21,56,154)
```
#173eac
```
#173eac rgb(23,62,172)
```
#1a44bd
```
#1a44bd rgb(26,68,189)
```
#1c4ace
```
#1c4ace rgb(28,74,206)
```
#1e51df
```
#1e51df rgb(30,81,223)
```

Shade Color Variation

#2f5ee3
```
#2f5ee3 rgb(47,94,227)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#5178e7
```
#5178e7 rgb(81,120,231)
```
#6386ea
```
#6386ea rgb(99,134,234)
```
#7493ec
```
#7493ec rgb(116,147,236)
```
#85a1ee
```
#85a1ee rgb(133,161,238)
```
#96aef1
```
#96aef1 rgb(150,174,241)
```
#a8bbf3
```
#a8bbf3 rgb(168,187,243)
```
#b9c9f5
```
#b9c9f5 rgb(185,201,245)
```
#cad6f8
```
#cad6f8 rgb(202,214,248)
```
#dbe3fa
```
#dbe3fa rgb(219,227,250)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f9a is the less saturated color, while #275ffe is the most saturated one.

#8b8f9a
```
#8b8f9a rgb(139,143,154)
```
#838ba2
```
#838ba2 rgb(131,139,162)
```
#7a87ab
```
#7a87ab rgb(122,135,171)
```
#7283b3
```
#7283b3 rgb(114,131,179)
```
#6a7fbb
```
#6a7fbb rgb(106,127,187)
```
#617bc4
```
#617bc4 rgb(97,123,196)
```
#5977cc
```
#5977cc rgb(89,119,204)
```
#5173d4
```
#5173d4 rgb(81,115,212)
```
#486fdd
```
#486fdd rgb(72,111,221)
```
#406be5
```
#406be5 rgb(64,107,229)
```
#3867ed
```
#3867ed rgb(56,103,237)
```
#2f63f6
```
#2f63f6 rgb(47,99,246)
```
#275ffe
```
#275ffe rgb(39,95,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#636c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#1772e7 Protanomaly 1% of men, 0.01% of women
#1776d5 Deuteranomaly 6% of men, 0.4% of women
#177cae Tritanomaly 0.01% of the population

#406be5 hex color

#406be5 Color Information

#406be5 Color Conversion

Color Schemes with #406be5

Alternatives to #406be5

#406be5 Preview

Shades and Tints of #406be5

Tones of #406be5

Color Blindness Simulator