#402dd9 hex color

In a RGB color space, hex #402dd9 is composed of 25.1% red, 17.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 79.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 246.6 degrees, a saturation of 69.4% and a lightness of 51.4%. #402dd9 color hex could be obtained by blending #805aff with #0000b3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 18
- B 85
RGB color chart
- C 71
- M 79
- Y 0
- K 15
CMYK color chart

● #402dd9 color description : Bright blue.

The hexadecimal color #402dd9 has RGB values of R:64, G:45, B:217 and CMYK values of C:0.71, M:0.79, Y:0, K:0.15. Its decimal value is 4206041.

Hex triplet	402dd9	`#402dd9`
RGB Decimal	64, 45, 217	`rgb(64,45,217)`
RGB Percent	25.1, 17.6, 85.1	`rgb(25.1%,17.6%,85.1%)`
CMYK	71, 79, 0, 15
HSL	246.6°, 69.4, 51.4	`hsl(246.6,69.4%,51.4%)`
HSV (or HSB)	246.6°, 79.3, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.932, 58.384, -83.479
XYZ	15.575, 7.976, 66.361
xyY	0.173, 0.089, 7.976
CIE-LCH	33.932, 101.87, 304.968
CIE-LUV	33.932, -5.064, -111.872
Hunter-Lab	28.241, 49.018, -119.549
Binary	01000000, 00101101, 11011001

#402dd9
```
#402dd9 rgb(64,45,217)
```
#c6d92d
```
#c6d92d rgb(198,217,45)
```

Complementary Color

#2d70d9
```
#2d70d9 rgb(45,112,217)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#962dd9
```
#962dd9 rgb(150,45,217)
```

Analogous Color

#70d92d
```
#70d92d rgb(112,217,45)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#d9962d
```
#d9962d rgb(217,150,45)
```

Split Complementary Color

#2dd940
```
#2dd940 rgb(45,217,64)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#d9402d
```
#d9402d rgb(217,64,45)
```

Triadic Color

#2dc6d9
```
#2dc6d9 rgb(45,198,217)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#d9402d
```
#d9402d rgb(217,64,45)
```
#c6d92d
```
#c6d92d rgb(198,217,45)
```

Tetradic Color

#2b1c9d
```
#2b1c9d rgb(43,28,157)
```
#3020b3
```
#3020b3 rgb(48,32,179)
```
#3624c8
```
#3624c8 rgb(54,36,200)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#5443dd
```
#5443dd rgb(84,67,221)
```
#6758e1
```
#6758e1 rgb(103,88,225)
```
#7b6ee5
```
#7b6ee5 rgb(123,110,229)
```

Monochromatic Color

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

#2d45d9
```
#2d45d9 rgb(45,69,217)
```
#2d37d9
```
#2d37d9 rgb(45,55,217)
```
#322dd9
```
#322dd9 rgb(50,45,217)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#4e2dd9
```
#4e2dd9 rgb(78,45,217)
```
#5d2dd9
```
#5d2dd9 rgb(93,45,217)
```
#6b2dd9
```
#6b2dd9 rgb(107,45,217)
```

Similar Colors

Text with hexadecimal color #402dd9

This text has a font color of #402dd9.

<span style="color:#402dd9;">Text here</span>

#402dd9 background color

This paragraph has a background color of #402dd9.

<p style="background-color:#402dd9;">Content here</p>

#402dd9 border color

This element has a border color of #402dd9.

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

CSS codes

.text {color:#402dd9;}

.background {background-color:#402dd9;}

.border {border:1px solid #402dd9;}

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

#020106
```
#020106 rgb(2,1,6)
```
#060417
```
#060417 rgb(6,4,23)
```
#0b0727
```
#0b0727 rgb(11,7,39)
```
#0f0a38
```
#0f0a38 rgb(15,10,56)
```
#140d48
```
#140d48 rgb(20,13,72)
```
#181059
```
#181059 rgb(24,16,89)
```
#1d136a
```
#1d136a rgb(29,19,106)
```
#21167a
```
#21167a rgb(33,22,122)
```
#26198b
```
#26198b rgb(38,25,139)
```
#2a1c9b
```
#2a1c9b rgb(42,28,155)
```
#2f1fac
```
#2f1fac rgb(47,31,172)
```
#3322bd
```
#3322bd rgb(51,34,189)
```
#3825cd
```
#3825cd rgb(56,37,205)
```

Shade Color Variation

#402dd9
```
#402dd9 rgb(64,45,217)
```
#4f3edc
```
#4f3edc rgb(79,62,220)
```
#5e4edf
```
#5e4edf rgb(94,78,223)
```
#6d5fe2
```
#6d5fe2 rgb(109,95,226)
```
#7c6fe5
```
#7c6fe5 rgb(124,111,229)
```
#8c80e8
```
#8c80e8 rgb(140,128,232)
```
#9b91eb
```
#9b91eb rgb(155,145,235)
```
#aaa1ee
```
#aaa1ee rgb(170,161,238)
```
#b9b2f1
```
#b9b2f1 rgb(185,178,241)
```
#c8c2f4
```
#c8c2f4 rgb(200,194,244)
```
#d7d3f7
```
#d7d3f7 rgb(215,211,247)
```
#e6e4fa
```
#e6e4fa rgb(230,228,250)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838383 is the less saturated color, while #2a10f6 is the most saturated one.

#838383
```
#838383 rgb(131,131,131)
```
#7b798d
```
#7b798d rgb(123,121,141)
```
#747096
```
#747096 rgb(116,112,150)
```
#6d66a0
```
#6d66a0 rgb(109,102,160)
```
#655da9
```
#655da9 rgb(101,93,169)
```
#5e53b3
```
#5e53b3 rgb(94,83,179)
```
#564abc
```
#564abc rgb(86,74,188)
```
#4f40c6
```
#4f40c6 rgb(79,64,198)
```
#4737cf
```
#4737cf rgb(71,55,207)
```
#402dd9
```
#402dd9 rgb(64,45,217)
```
#3923e3
```
#3923e3 rgb(57,35,227)
```
#311aec
```
#311aec rgb(49,26,236)
```
#2a10f6
```
#2a10f6 rgb(42,16,246)
```

Tone Color Variation

Below, you can see how #402dd9 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

#464646 Achromatopsia 0.005% of the population
#454163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1747b9 Protanomaly 1% of men, 0.01% of women
#174aab Deuteranomaly 6% of men, 0.4% of women
#174e90 Tritanomaly 0.01% of the population

#402dd9 hex color

#402dd9 Color Information

#402dd9 Color Conversion

Color Schemes with #402dd9

Alternatives to #402dd9

#402dd9 Preview

Shades and Tints of #402dd9

Tones of #402dd9

Color Blindness Simulator