#405fde hex color

In a RGB color space, hex #405fde is composed of 25.1% red, 37.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 57.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 228.2 degrees, a saturation of 70.5% and a lightness of 56.1%. #405fde color hex could be obtained by blending #80beff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 37
- B 87
RGB color chart
- C 71
- M 57
- Y 0
- K 13
CMYK color chart

● #405fde color description : Bright blue.

The hexadecimal color #405fde has RGB values of R:64, G:95, B:222 and CMYK values of C:0.71, M:0.57, Y:0, K:0.13. Its decimal value is 4218846.

Hex triplet	405fde	`#405fde`
RGB Decimal	64, 95, 222	`rgb(64,95,222)`
RGB Percent	25.1, 37.3, 87.1	`rgb(25.1%,37.3%,87.1%)`
CMYK	71, 57, 0, 13
HSL	228.2°, 70.5, 56.1	`hsl(228.2,70.5%,56.1%)`
HSV (or HSB)	228.2°, 71.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.008, 31.37, -68.157
XYZ	19.389, 14.547, 70.889
xyY	0.185, 0.139, 14.547
CIE-LCH	45.008, 75.029, 294.715
CIE-LUV	45.008, -14.977, -103.893
Hunter-Lab	38.141, 23.994, -83.5
Binary	01000000, 01011111, 11011110

#405fde
```
#405fde rgb(64,95,222)
```
#debf40
```
#debf40 rgb(222,191,64)
```

Complementary Color

#40aede
```
#40aede rgb(64,174,222)
```
#405fde
```
#405fde rgb(64,95,222)
```
#7040de
```
#7040de rgb(112,64,222)
```

Analogous Color

#aede40
```
#aede40 rgb(174,222,64)
```
#405fde
```
#405fde rgb(64,95,222)
```
#de7040
```
#de7040 rgb(222,112,64)
```

Split Complementary Color

#5fde40
```
#5fde40 rgb(95,222,64)
```
#405fde
```
#405fde rgb(64,95,222)
```
#de405f
```
#de405f rgb(222,64,95)
```

Triadic Color

#40debf
```
#40debf rgb(64,222,191)
```
#405fde
```
#405fde rgb(64,95,222)
```
#de405f
```
#de405f rgb(222,64,95)
```
#debf40
```
#debf40 rgb(222,191,64)
```

Tetradic Color

#1f3cb3
```
#1f3cb3 rgb(31,60,179)
```
#2343c8
```
#2343c8 rgb(35,67,200)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#405fde
```
#405fde rgb(64,95,222)
```
#5671e2
```
#5671e2 rgb(86,113,226)
```
#6b83e6
```
#6b83e6 rgb(107,131,230)
```
#8196e9
```
#8196e9 rgb(129,150,233)
```

Monochromatic Color

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

#4087de
```
#4087de rgb(64,135,222)
```
#4079de
```
#4079de rgb(64,121,222)
```
#406cde
```
#406cde rgb(64,108,222)
```
#405fde
```
#405fde rgb(64,95,222)
```
#4052de
```
#4052de rgb(64,82,222)
```
#4045de
```
#4045de rgb(64,69,222)
```
#4840de
```
#4840de rgb(72,64,222)
```

Similar Colors

Text with hexadecimal color #405fde

This text has a font color of #405fde.

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

#405fde background color

This paragraph has a background color of #405fde.

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

#405fde border color

This element has a border color of #405fde.

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

CSS codes

.text {color:#405fde;}

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

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

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, #02030a is the darkest color, while #f8f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#05091a
```
#05091a rgb(5,9,26)
```
#070e2b
```
#070e2b rgb(7,14,43)
```
#0a143c
```
#0a143c rgb(10,20,60)
```
#0d1a4d
```
#0d1a4d rgb(13,26,77)
```
#101f5d
```
#101f5d rgb(16,31,93)
```
#13256e
```
#13256e rgb(19,37,110)
```
#162a7f
```
#162a7f rgb(22,42,127)
```
#193090
```
#193090 rgb(25,48,144)
```
#1c36a0
```
#1c36a0 rgb(28,54,160)
```
#1f3bb1
```
#1f3bb1 rgb(31,59,177)
```
#2141c2
```
#2141c2 rgb(33,65,194)
```
#2447d2
```
#2447d2 rgb(36,71,210)
```

Shade Color Variation

#2f51db
```
#2f51db rgb(47,81,219)
```
#405fde
```
#405fde rgb(64,95,222)
```
#516de1
```
#516de1 rgb(81,109,225)
```
#617be4
```
#617be4 rgb(97,123,228)
```
#7289e7
```
#7289e7 rgb(114,137,231)
```
#8397ea
```
#8397ea rgb(131,151,234)
```
#94a5ec
```
#94a5ec rgb(148,165,236)
```
#a4b3ef
```
#a4b3ef rgb(164,179,239)
```
#b5c1f2
```
#b5c1f2 rgb(181,193,242)
```
#c6cff5
```
#c6cff5 rgb(198,207,245)
```
#d7ddf8
```
#d7ddf8 rgb(215,221,248)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#8e8e90
```
#8e8e90 rgb(142,142,144)
```
#858999
```
#858999 rgb(133,137,153)
```
#7c84a2
```
#7c84a2 rgb(124,132,162)
```
#747eaa
```
#747eaa rgb(116,126,170)
```
#6b79b3
```
#6b79b3 rgb(107,121,179)
```
#6274bc
```
#6274bc rgb(98,116,188)
```
#5a6fc4
```
#5a6fc4 rgb(90,111,196)
```
#5169cd
```
#5169cd rgb(81,105,205)
```
#4964d5
```
#4964d5 rgb(73,100,213)
```
#405fde
```
#405fde rgb(64,95,222)
```
#375ae7
```
#375ae7 rgb(55,90,231)
```
#2f55ef
```
#2f55ef rgb(47,85,239)
```
#264ff8
```
#264ff8 rgb(38,79,248)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5d637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1768da Protanomaly 1% of men, 0.01% of women
#176cc9 Deuteranomaly 6% of men, 0.4% of women
#1772a5 Tritanomaly 0.01% of the population

#405fde hex color

#405fde Color Information

#405fde Color Conversion

Color Schemes with #405fde

Alternatives to #405fde

#405fde Preview

Shades and Tints of #405fde

Tones of #405fde

Color Blindness Simulator