#405fb7 hex color

In a RGB color space, hex #405fb7 is composed of 25.1% red, 37.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 48.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 224.4 degrees, a saturation of 48.2% and a lightness of 48.4%. #405fb7 color hex could be obtained by blending #80beff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 37
- B 72
RGB color chart
- C 65
- M 48
- Y 0
- K 28
CMYK color chart

● #405fb7 color description : Moderate blue.

The hexadecimal color #405fb7 has RGB values of R:64, G:95, B:183 and CMYK values of C:0.65, M:0.48, Y:0, K:0.28. Its decimal value is 4218807.

Hex triplet	405fb7	`#405fb7`
RGB Decimal	64, 95, 183	`rgb(64,95,183)`
RGB Percent	25.1, 37.3, 71.8	`rgb(25.1%,37.3%,71.8%)`
CMYK	65, 48, 0, 28
HSL	224.4°, 48.2, 48.4	`hsl(224.4,48.2%,48.4%)`
HSV (or HSB)	224.4°, 65, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.296, 17.428, -50.069
XYZ	14.752, 12.692, 46.47
xyY	0.2, 0.172, 12.692
CIE-LCH	42.296, 53.015, 289.191
CIE-LUV	42.296, -14.614, -75.216
Hunter-Lab	35.626, 11.566, -52.397
Binary	01000000, 01011111, 10110111

#405fb7
```
#405fb7 rgb(64,95,183)
```
#b79840
```
#b79840 rgb(183,152,64)
```

Complementary Color

#409bb7
```
#409bb7 rgb(64,155,183)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#5d40b7
```
#5d40b7 rgb(93,64,183)
```

Analogous Color

#9bb740
```
#9bb740 rgb(155,183,64)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#b75d40
```
#b75d40 rgb(183,93,64)
```

Split Complementary Color

#5fb740
```
#5fb740 rgb(95,183,64)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#b7405f
```
#b7405f rgb(183,64,95)
```

Triadic Color

#40b798
```
#40b798 rgb(64,183,152)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#b7405f
```
#b7405f rgb(183,64,95)
```
#b79840
```
#b79840 rgb(183,152,64)
```

Tetradic Color

#2c427e
```
#2c427e rgb(44,66,126)
```
#334b91
```
#334b91 rgb(51,75,145)
```
#3955a4
```
#3955a4 rgb(57,85,164)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#4f6dc1
```
#4f6dc1 rgb(79,109,193)
```
#627dc8
```
#627dc8 rgb(98,125,200)
```
#758ccf
```
#758ccf rgb(117,140,207)
```

Monochromatic Color

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

#407db7
```
#407db7 rgb(64,125,183)
```
#4073b7
```
#4073b7 rgb(64,115,183)
```
#4069b7
```
#4069b7 rgb(64,105,183)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#4055b7
```
#4055b7 rgb(64,85,183)
```
#404bb7
```
#404bb7 rgb(64,75,183)
```
#4041b7
```
#4041b7 rgb(64,65,183)
```

Similar Colors

Text with hexadecimal color #405fb7

This text has a font color of #405fb7.

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

#405fb7 background color

This paragraph has a background color of #405fb7.

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

#405fb7 border color

This element has a border color of #405fb7.

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

CSS codes

.text {color:#405fb7;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080c17
```
#080c17 rgb(8,12,23)
```
#0d1426
```
#0d1426 rgb(13,20,38)
```
#121b34
```
#121b34 rgb(18,27,52)
```
#172343
```
#172343 rgb(23,35,67)
```
#1c2a51
```
#1c2a51 rgb(28,42,81)
```
#223260
```
#223260 rgb(34,50,96)
```
#27396e
```
#27396e rgb(39,57,110)
```
#2c417d
```
#2c417d rgb(44,65,125)
```
#31488b
```
#31488b rgb(49,72,139)
```
#36509a
```
#36509a rgb(54,80,154)
```
#3b57a8
```
#3b57a8 rgb(59,87,168)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```

Shade Color Variation

#4b69c0
```
#4b69c0 rgb(75,105,192)
```
#5975c5
```
#5975c5 rgb(89,117,197)
```
#6881ca
```
#6881ca rgb(104,129,202)
```
#768dcf
```
#768dcf rgb(118,141,207)
```
#859ad4
```
#859ad4 rgb(133,154,212)
```
#93a6d9
```
#93a6d9 rgb(147,166,217)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#b0bee4
```
#b0bee4 rgb(176,190,228)
```
#bfcae9
```
#bfcae9 rgb(191,202,233)
```
#cdd6ee
```
#cdd6ee rgb(205,214,238)
```
#dce2f3
```
#dce2f3 rgb(220,226,243)
```
#ebeef8
```
#ebeef8 rgb(235,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7e is the less saturated color, while #0744f0 is the most saturated one.

#797a7e
```
#797a7e rgb(121,122,126)
```
#707688
```
#707688 rgb(112,118,136)
```
#667191
```
#667191 rgb(102,113,145)
```
#5d6d9b
```
#5d6d9b rgb(93,109,155)
```
#5368a4
```
#5368a4 rgb(83,104,164)
```
#4a64ae
```
#4a64ae rgb(74,100,174)
```
#405fb7
```
#405fb7 rgb(64,95,183)
```
#375ac1
```
#375ac1 rgb(55,90,193)
```
#2d56ca
```
#2d56ca rgb(45,86,202)
```
#2451d4
```
#2451d4 rgb(36,81,212)
```
#1a4ddd
```
#1a4ddd rgb(26,77,221)
```
#1148e7
```
#1148e7 rgb(17,72,231)
```
#0744f0
```
#0744f0 rgb(7,68,240)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5a6071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c69bc Protanopia 1% of men
#006db6 Deuteranopia 1% of men
#0e767e Tritanopia 0.001% of the population

Trichromacy

#3d65ba Protanomaly 1% of men, 0.01% of women
#1768b6 Deuteranomaly 6% of men, 0.4% of women
#206d93 Tritanomaly 0.01% of the population

#405fb7 hex color

#405fb7 Color Information

#405fb7 Color Conversion

Color Schemes with #405fb7

Alternatives to #405fb7

#405fb7 Preview

Shades and Tints of #405fb7

Tones of #405fb7

Color Blindness Simulator