#405fb2 hex color

In a RGB color space, hex #405fb2 is composed of 25.1% red, 37.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 46.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.7 degrees, a saturation of 47.1% and a lightness of 47.5%. #405fb2 color hex could be obtained by blending #80beff 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

● #405fb2 color description : Dark moderate blue.

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

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

CIE-LAB	41.981, 15.644, -47.645
XYZ	14.241, 12.488, 43.777
xyY	0.202, 0.177, 12.488
CIE-LCH	41.981, 50.148, 288.177
CIE-LUV	41.981, -14.585, -71.338
Hunter-Lab	35.338, 10.091, -48.712
Binary	01000000, 01011111, 10110010

#405fb2
```
#405fb2 rgb(64,95,178)
```
#b29340
```
#b29340 rgb(178,147,64)
```

Complementary Color

#4098b2
```
#4098b2 rgb(64,152,178)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#5a40b2
```
#5a40b2 rgb(90,64,178)
```

Analogous Color

#98b240
```
#98b240 rgb(152,178,64)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#b25a40
```
#b25a40 rgb(178,90,64)
```

Split Complementary Color

#5fb240
```
#5fb240 rgb(95,178,64)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#b2405f
```
#b2405f rgb(178,64,95)
```

Triadic Color

#40b293
```
#40b293 rgb(64,178,147)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#b2405f
```
#b2405f rgb(178,64,95)
```
#b29340
```
#b29340 rgb(178,147,64)
```

Tetradic Color

#2c417a
```
#2c417a rgb(44,65,122)
```
#334b8c
```
#334b8c rgb(51,75,140)
```
#39559f
```
#39559f rgb(57,85,159)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#4d6cbf
```
#4d6cbf rgb(77,108,191)
```
#5f7bc6
```
#5f7bc6 rgb(95,123,198)
```
#728bcc
```
#728bcc rgb(114,139,204)
```

Monochromatic Color

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

#407cb2
```
#407cb2 rgb(64,124,178)
```
#4072b2
```
#4072b2 rgb(64,114,178)
```
#4069b2
```
#4069b2 rgb(64,105,178)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#4056b2
```
#4056b2 rgb(64,86,178)
```
#404cb2
```
#404cb2 rgb(64,76,178)
```
#4043b2
```
#4043b2 rgb(64,67,178)
```

Similar Colors

Text with hexadecimal color #405fb2

This text has a font color of #405fb2.

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

#405fb2 background color

This paragraph has a background color of #405fb2.

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

#405fb2 border color

This element has a border color of #405fb2.

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

CSS codes

.text {color:#405fb2;}

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

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

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)
```
#111a30
```
#111a30 rgb(17,26,48)
```
#16213f
```
#16213f rgb(22,33,63)
```
#1c294d
```
#1c294d rgb(28,41,77)
```
#21315b
```
#21315b rgb(33,49,91)
```
#26386a
```
#26386a rgb(38,56,106)
```
#2b4078
```
#2b4078 rgb(43,64,120)
```
#304887
```
#304887 rgb(48,72,135)
```
#365095
```
#365095 rgb(54,80,149)
```
#3b57a4
```
#3b57a4 rgb(59,87,164)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```

Shade Color Variation

#4868bd
```
#4868bd rgb(72,104,189)
```
#5774c2
```
#5774c2 rgb(87,116,194)
```
#6580c8
```
#6580c8 rgb(101,128,200)
```
#748ccd
```
#748ccd rgb(116,140,205)
```
#8298d2
```
#8298d2 rgb(130,152,210)
```
#90a4d7
```
#90a4d7 rgb(144,164,215)
```
#9fb0dc
```
#9fb0dc rgb(159,176,220)
```
#adbce2
```
#adbce2 rgb(173,188,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 #0846ea is the most saturated one.

#78787a
```
#78787a rgb(120,120,122)
```
#6f7483
```
#6f7483 rgb(111,116,131)
```
#65708d
```
#65708d rgb(101,112,141)
```
#5c6c96
```
#5c6c96 rgb(92,108,150)
```
#53679f
```
#53679f rgb(83,103,159)
```
#4963a9
```
#4963a9 rgb(73,99,169)
```
#405fb2
```
#405fb2 rgb(64,95,178)
```
#375bbb
```
#375bbb rgb(55,91,187)
```
#2d57c5
```
#2d57c5 rgb(45,87,197)
```
#2452ce
```
#2452ce rgb(36,82,206)
```
#1b4ed7
```
#1b4ed7 rgb(27,78,215)
```
#114ae1
```
#114ae1 rgb(17,74,225)
```
#0846ea
```
#0846ea rgb(8,70,234)
```

Tone Color Variation

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

#4068b7 Protanopia 1% of men
#1e6cb3 Deuteranopia 1% of men
#1c757d Tritanopia 0.001% of the population

Trichromacy

#4065b5 Protanomaly 1% of men, 0.01% of women
#2a67b3 Deuteranomaly 6% of men, 0.4% of women
#296d90 Tritanomaly 0.01% of the population

#405fb2 hex color

#405fb2 Color Information

#405fb2 Color Conversion

Color Schemes with #405fb2

Alternatives to #405fb2

#405fb2 Preview

Shades and Tints of #405fb2

Tones of #405fb2

Color Blindness Simulator