colorhexa.com

#402ad6 hex color

In a RGB color space, hex #402ad6 is composed of 25.1% red, 16.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 80.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 247.7 degrees, a saturation of 67.7% and a lightness of 50.2%. #402ad6 color hex could be obtained by blending #8054ff with #0000ad. Closest websafe color is: #3333cc.

- R 25
- G 16
- B 84
RGB color chart
- C 70
- M 80
- Y 0
- K 16
CMYK color chart

● #402ad6 color description : Strong blue.

The hexadecimal color #402ad6 has RGB values of R:64, G:42, B:214 and CMYK values of C:0.7, M:0.8, Y:0, K:0.16. Its decimal value is 4205270.

Hex triplet	402ad6	`#402ad6`
RGB Decimal	64, 42, 214	`rgb(64,42,214)`
RGB Percent	25.1, 16.5, 83.9	`rgb(25.1%,16.5%,83.9%)`
CMYK	70, 80, 0, 16
HSL	247.7°, 67.7, 50.2	`hsl(247.7,67.7%,50.2%)`
HSV (or HSB)	247.7°, 80.4, 83.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.136, 58.874, -83.067
XYZ	15.078, 7.6, 64.287
xyY	0.173, 0.087, 7.6
CIE-LCH	33.136, 101.815, 305.327
CIE-LUV	33.136, -4.526, -110.221
Hunter-Lab	27.568, 49.38, -118.961
Binary	01000000, 00101010, 11010110

#402ad6
```
#402ad6 rgb(64,42,214)
```
#c0d62a
```
#c0d62a rgb(192,214,42)
```

Complementary Color

#2a6ad6
```
#2a6ad6 rgb(42,106,214)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#962ad6
```
#962ad6 rgb(150,42,214)
```

Analogous Color

#6ad62a
```
#6ad62a rgb(106,214,42)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#d6962a
```
#d6962a rgb(214,150,42)
```

Split Complementary Color

#2ad640
```
#2ad640 rgb(42,214,64)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#d6402a
```
#d6402a rgb(214,64,42)
```

Triadic Color

#2ac0d6
```
#2ac0d6 rgb(42,192,214)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#d6402a
```
#d6402a rgb(214,64,42)
```
#c0d62a
```
#c0d62a rgb(192,214,42)
```

Tetradic Color

#2d1d97
```
#2d1d97 rgb(45,29,151)
```
#3321ac
```
#3321ac rgb(51,33,172)
```
#3925c1
```
#3925c1 rgb(57,37,193)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#533fda
```
#533fda rgb(83,63,218)
```
#6655de
```
#6655de rgb(102,85,222)
```
#7a6ae2
```
#7a6ae2 rgb(122,106,226)
```

Monochromatic Color

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

#2a3fd6
```
#2a3fd6 rgb(42,63,214)
```
#2a31d6
```
#2a31d6 rgb(42,49,214)
```
#322ad6
```
#322ad6 rgb(50,42,214)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#4e2ad6
```
#4e2ad6 rgb(78,42,214)
```
#5d2ad6
```
#5d2ad6 rgb(93,42,214)
```
#6b2ad6
```
#6b2ad6 rgb(107,42,214)
```

Similar Colors

Text with hexadecimal color #402ad6

This text has a font color of #402ad6.

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

#402ad6 background color

This paragraph has a background color of #402ad6.

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

#402ad6 border color

This element has a border color of #402ad6.

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

CSS codes

.text {color:#402ad6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050311
```
#050311 rgb(5,3,17)
```
#0a0622
```
#0a0622 rgb(10,6,34)
```
#0f0a32
```
#0f0a32 rgb(15,10,50)
```
#140d43
```
#140d43 rgb(20,13,67)
```
#191053
```
#191053 rgb(25,16,83)
```
#1d1364
```
#1d1364 rgb(29,19,100)
```
#221674
```
#221674 rgb(34,22,116)
```
#271984
```
#271984 rgb(39,25,132)
```
#2c1d95
```
#2c1d95 rgb(44,29,149)
```
#3120a5
```
#3120a5 rgb(49,32,165)
```
#3623b6
```
#3623b6 rgb(54,35,182)
```
#3b26c6
```
#3b26c6 rgb(59,38,198)
```

Shade Color Variation

#402ad6
```
#402ad6 rgb(64,42,214)
```
#4f3ad9
```
#4f3ad9 rgb(79,58,217)
```
#5e4bdc
```
#5e4bdc rgb(94,75,220)
```
#6c5bdf
```
#6c5bdf rgb(108,91,223)
```
#7b6ce3
```
#7b6ce3 rgb(123,108,227)
```
#8a7ce6
```
#8a7ce6 rgb(138,124,230)
```
#998de9
```
#998de9 rgb(153,141,233)
```
#a79dec
```
#a79dec rgb(167,157,236)
```
#b6aeef
```
#b6aeef rgb(182,174,239)
```
#c5bef2
```
#c5bef2 rgb(197,190,242)
```
#d4cef6
```
#d4cef6 rgb(212,206,246)
```
#e2dff9
```
#e2dff9 rgb(226,223,249)
```
#f1effc
```
#f1effc rgb(241,239,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7888 is the less saturated color, while #2303fd is the most saturated one.

#7a7888
```
#7a7888 rgb(122,120,136)
```
#736e92
```
#736e92 rgb(115,110,146)
```
#6c659b
```
#6c659b rgb(108,101,155)
```
#645ba5
```
#645ba5 rgb(100,91,165)
```
#5d51af
```
#5d51af rgb(93,81,175)
```
#5647b9
```
#5647b9 rgb(86,71,185)
```
#4f3ec2
```
#4f3ec2 rgb(79,62,194)
```
#4734cc
```
#4734cc rgb(71,52,204)
```
#402ad6
```
#402ad6 rgb(64,42,214)
```
#3920e0
```
#3920e0 rgb(57,32,224)
```
#3116ea
```
#3116ea rgb(49,22,234)
```
#2a0df3
```
#2a0df3 rgb(42,13,243)
```
#2303fd
```
#2303fd rgb(35,3,253)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#433f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1745b6 Protanomaly 1% of men, 0.01% of women
#1748a8 Deuteranomaly 6% of men, 0.4% of women
#174c8e Tritanomaly 0.01% of the population