#405ddd hex color

In a RGB color space, hex #405ddd is composed of 25.1% red, 36.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 57.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.9 degrees, a saturation of 69.8% and a lightness of 55.9%. #405ddd color hex could be obtained by blending #80baff with #0000bb. Closest websafe color is: #3366cc.

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

● #405ddd color description : Bright blue.

The hexadecimal color #405ddd has RGB values of R:64, G:93, B:221 and CMYK values of C:0.71, M:0.58, Y:0, K:0.13. Its decimal value is 4218333.

Hex triplet	405ddd	`#405ddd`
RGB Decimal	64, 93, 221	`rgb(64,93,221)`
RGB Percent	25.1, 36.5, 86.7	`rgb(25.1%,36.5%,86.7%)`
CMYK	71, 58, 0, 13
HSL	228.9°, 69.8, 55.9	`hsl(228.9,69.8%,55.9%)`
HSV (or HSB)	228.9°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.43, 32.274, -68.528
XYZ	19.077, 14.138, 70.126
xyY	0.185, 0.137, 14.138
CIE-LCH	44.43, 75.747, 295.219
CIE-LUV	44.43, -14.446, -104.053
Hunter-Lab	37.6, 24.764, -84.258
Binary	01000000, 01011101, 11011101

#405ddd
```
#405ddd rgb(64,93,221)
```
#ddc040
```
#ddc040 rgb(221,192,64)
```

Complementary Color

#40acdd
```
#40acdd rgb(64,172,221)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#7240dd
```
#7240dd rgb(114,64,221)
```

Analogous Color

#acdd40
```
#acdd40 rgb(172,221,64)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#dd7240
```
#dd7240 rgb(221,114,64)
```

Split Complementary Color

#5ddd40
```
#5ddd40 rgb(93,221,64)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#dd405d
```
#dd405d rgb(221,64,93)
```

Triadic Color

#40ddc0
```
#40ddc0 rgb(64,221,192)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#dd405d
```
#dd405d rgb(221,64,93)
```
#ddc040
```
#ddc040 rgb(221,192,64)
```

Tetradic Color

#203ab1
```
#203ab1 rgb(32,58,177)
```
#2342c7
```
#2342c7 rgb(35,66,199)
```
#2a4bd9
```
#2a4bd9 rgb(42,75,217)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#566fe1
```
#566fe1 rgb(86,111,225)
```
#6b82e5
```
#6b82e5 rgb(107,130,229)
```
#8194e9
```
#8194e9 rgb(129,148,233)
```

Monochromatic Color

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

#4084dd
```
#4084dd rgb(64,132,221)
```
#4077dd
```
#4077dd rgb(64,119,221)
```
#406add
```
#406add rgb(64,106,221)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#4050dd
```
#4050dd rgb(64,80,221)
```
#4043dd
```
#4043dd rgb(64,67,221)
```
#4a40dd
```
#4a40dd rgb(74,64,221)
```

Similar Colors

Text with hexadecimal color #405ddd

This text has a font color of #405ddd.

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

#405ddd background color

This paragraph has a background color of #405ddd.

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

#405ddd border color

This element has a border color of #405ddd.

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

CSS codes

.text {color:#405ddd;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#050819
```
#050819 rgb(5,8,25)
```
#070e2a
```
#070e2a rgb(7,14,42)
```
#0a133b
```
#0a133b rgb(10,19,59)
```
#0d194b
```
#0d194b rgb(13,25,75)
```
#101e5c
```
#101e5c rgb(16,30,92)
```
#13246d
```
#13246d rgb(19,36,109)
```
#16297d
```
#16297d rgb(22,41,125)
```
#192f8e
```
#192f8e rgb(25,47,142)
```
#1c349f
```
#1c349f rgb(28,52,159)
```
#1f3aaf
```
#1f3aaf rgb(31,58,175)
```
#223fc0
```
#223fc0 rgb(34,63,192)
```
#2545d1
```
#2545d1 rgb(37,69,209)
```

Shade Color Variation

#2f4fda
```
#2f4fda rgb(47,79,218)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#516be0
```
#516be0 rgb(81,107,224)
```
#6179e3
```
#6179e3 rgb(97,121,227)
```
#7287e6
```
#7287e6 rgb(114,135,230)
```
#8395e9
```
#8395e9 rgb(131,149,233)
```
#93a4ec
```
#93a4ec rgb(147,164,236)
```
#a4b2ef
```
#a4b2ef rgb(164,178,239)
```
#b5c0f2
```
#b5c0f2 rgb(181,192,242)
```
#c5cef5
```
#c5cef5 rgb(197,206,245)
```
#d6dcf8
```
#d6dcf8 rgb(214,220,248)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858998
```
#858998 rgb(133,137,152)
```
#7d83a0
```
#7d83a0 rgb(125,131,160)
```
#747ea9
```
#747ea9 rgb(116,126,169)
```
#6b78b2
```
#6b78b2 rgb(107,120,178)
```
#6373ba
```
#6373ba rgb(99,115,186)
```
#5a6dc3
```
#5a6dc3 rgb(90,109,195)
```
#5168cc
```
#5168cc rgb(81,104,204)
```
#4962d4
```
#4962d4 rgb(73,98,212)
```
#405ddd
```
#405ddd rgb(64,93,221)
```
#3758e6
```
#3758e6 rgb(55,88,230)
```
#2f52ee
```
#2f52ee rgb(47,82,238)
```
#264df7
```
#264df7 rgb(38,77,247)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5c627b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1767d8 Protanomaly 1% of men, 0.01% of women
#176bc7 Deuteranomaly 6% of men, 0.4% of women
#1770a4 Tritanomaly 0.01% of the population

#405ddd hex color

#405ddd Color Information

#405ddd Color Conversion

Color Schemes with #405ddd

Alternatives to #405ddd

#405ddd Preview

Shades and Tints of #405ddd

Tones of #405ddd

Color Blindness Simulator