#405eb2 hex color

In a RGB color space, hex #405eb2 is composed of 25.1% red, 36.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 47.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 224.2 degrees, a saturation of 47.1% and a lightness of 47.5%. #405eb2 color hex could be obtained by blending #80bcff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 70
RGB color chart
- C 64
- M 47
- Y 0
- K 30
CMYK color chart

● #405eb2 color description : Dark moderate blue.

The hexadecimal color #405eb2 has RGB values of R:64, G:94, B:178 and CMYK values of C:0.64, M:0.47, Y:0, K:0.3. Its decimal value is 4218546.

Hex triplet	405eb2	`#405eb2`
RGB Decimal	64, 94, 178	`rgb(64,94,178)`
RGB Percent	25.1, 36.9, 69.8	`rgb(25.1%,36.9%,69.8%)`
CMYK	64, 47, 0, 30
HSL	224.2°, 47.1, 47.5	`hsl(224.2,47.1%,47.5%)`
HSV (or HSB)	224.2°, 64, 69.8
Web Safe	336699	`#336699`

CIE-LAB	41.703, 16.286, -48.092
XYZ	14.151, 12.309, 43.747
xyY	0.202, 0.175, 12.309
CIE-LCH	41.703, 50.775, 288.708
CIE-LUV	41.703, -14.271, -71.923
Hunter-Lab	35.084, 10.601, -49.371
Binary	01000000, 01011110, 10110010

#405eb2
```
#405eb2 rgb(64,94,178)
```
#b29440
```
#b29440 rgb(178,148,64)
```

Complementary Color

#4097b2
```
#4097b2 rgb(64,151,178)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#5b40b2
```
#5b40b2 rgb(91,64,178)
```

Analogous Color

#97b240
```
#97b240 rgb(151,178,64)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#b25b40
```
#b25b40 rgb(178,91,64)
```

Split Complementary Color

#5eb240
```
#5eb240 rgb(94,178,64)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#b2405e
```
#b2405e rgb(178,64,94)
```

Triadic Color

#40b294
```
#40b294 rgb(64,178,148)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#b2405e
```
#b2405e rgb(178,64,94)
```
#b29440
```
#b29440 rgb(178,148,64)
```

Tetradic Color

#2c407a
```
#2c407a rgb(44,64,122)
```
#334a8c
```
#334a8c rgb(51,74,140)
```
#39549f
```
#39549f rgb(57,84,159)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#4d6bbf
```
#4d6bbf rgb(77,107,191)
```
#5f7ac6
```
#5f7ac6 rgb(95,122,198)
```
#728acc
```
#728acc rgb(114,138,204)
```

Monochromatic Color

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

#407bb2
```
#407bb2 rgb(64,123,178)
```
#4071b2
```
#4071b2 rgb(64,113,178)
```
#4068b2
```
#4068b2 rgb(64,104,178)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#4055b2
```
#4055b2 rgb(64,85,178)
```
#404bb2
```
#404bb2 rgb(64,75,178)
```
#4042b2
```
#4042b2 rgb(64,66,178)
```

Similar Colors

Text with hexadecimal color #405eb2

This text has a font color of #405eb2.

<span style="color:#405eb2;">Text here</span>

#405eb2 background color

This paragraph has a background color of #405eb2.

<p style="background-color:#405eb2;">Content here</p>

#405eb2 border color

This element has a border color of #405eb2.

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

CSS codes

.text {color:#405eb2;}

.background {background-color:#405eb2;}

.border {border:1px solid #405eb2;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0c1222
```
#0c1222 rgb(12,18,34)
```
#111930
```
#111930 rgb(17,25,48)
```
#16213f
```
#16213f rgb(22,33,63)
```
#1c294d
```
#1c294d rgb(28,41,77)
```
#21305b
```
#21305b rgb(33,48,91)
```
#26386a
```
#26386a rgb(38,56,106)
```
#2b4078
```
#2b4078 rgb(43,64,120)
```
#304787
```
#304787 rgb(48,71,135)
```
#364f95
```
#364f95 rgb(54,79,149)
```
#3b56a4
```
#3b56a4 rgb(59,86,164)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```

Shade Color Variation

#4867bd
```
#4867bd rgb(72,103,189)
```
#5773c2
```
#5773c2 rgb(87,115,194)
```
#657fc8
```
#657fc8 rgb(101,127,200)
```
#748bcd
```
#748bcd rgb(116,139,205)
```
#8297d2
```
#8297d2 rgb(130,151,210)
```
#90a3d7
```
#90a3d7 rgb(144,163,215)
```
#9fafdc
```
#9fafdc rgb(159,175,220)
```
#adbbe2
```
#adbbe2 rgb(173,187,226)
```
#bcc7e7
```
#bcc7e7 rgb(188,199,231)
```
#cad3ec
```
#cad3ec rgb(202,211,236)
```
#d9dff1
```
#d9dff1 rgb(217,223,241)
```
#e7ebf6
```
#e7ebf6 rgb(231,235,246)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78787a is the less saturated color, while #0844ea is the most saturated one.

#78787a
```
#78787a rgb(120,120,122)
```
#6f7483
```
#6f7483 rgb(111,116,131)
```
#65708d
```
#65708d rgb(101,112,141)
```
#5c6b96
```
#5c6b96 rgb(92,107,150)
```
#53679f
```
#53679f rgb(83,103,159)
```
#4962a9
```
#4962a9 rgb(73,98,169)
```
#405eb2
```
#405eb2 rgb(64,94,178)
```
#375abb
```
#375abb rgb(55,90,187)
```
#2d55c5
```
#2d55c5 rgb(45,85,197)
```
#2451ce
```
#2451ce rgb(36,81,206)
```
#1b4cd7
```
#1b4cd7 rgb(27,76,215)
```
#1148e1
```
#1148e1 rgb(17,72,225)
```
#0844ea
```
#0844ea rgb(8,68,234)
```

Tone Color Variation

Below, you can see how #405eb2 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

#5f5f5f Achromatopsia 0.005% of the population
#595f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e67b7 Protanopia 1% of men
#186cb3 Deuteranopia 1% of men
#1b747d Tritanopia 0.001% of the population

Trichromacy

#3f64b5 Protanomaly 1% of men, 0.01% of women
#2666b2 Deuteranomaly 6% of men, 0.4% of women
#286c90 Tritanomaly 0.01% of the population

#405eb2 hex color

#405eb2 Color Information

#405eb2 Color Conversion

Color Schemes with #405eb2

Alternatives to #405eb2

#405eb2 Preview

Shades and Tints of #405eb2

Tones of #405eb2

Color Blindness Simulator