#402ad4 hex color

In a RGB color space, hex #402ad4 is composed of 25.1% red, 16.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 80.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 247.8 degrees, a saturation of 66.9% and a lightness of 49.8%. #402ad4 color hex could be obtained by blending #8054ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 16
- B 83
RGB color chart
- C 70
- M 80
- Y 0
- K 17
CMYK color chart

● #402ad4 color description : Strong blue.

The hexadecimal color #402ad4 has RGB values of R:64, G:42, B:212 and CMYK values of C:0.7, M:0.8, Y:0, K:0.17. Its decimal value is 4205268.

Hex triplet	402ad4	`#402ad4`
RGB Decimal	64, 42, 212	`rgb(64,42,212)`
RGB Percent	25.1, 16.5, 83.1	`rgb(25.1%,16.5%,83.1%)`
CMYK	70, 80, 0, 17
HSL	247.8°, 66.9, 49.8	`hsl(247.8,66.9%,49.8%)`
HSV (or HSB)	247.8°, 80.2, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.916, 58.293, -82.275
XYZ	14.824, 7.499, 62.95
xyY	0.174, 0.088, 7.499
CIE-LCH	32.916, 100.833, 305.318
CIE-LUV	32.916, -4.403, -109.062
Hunter-Lab	27.384, 48.707, -117.128
Binary	01000000, 00101010, 11010100

#402ad4
```
#402ad4 rgb(64,42,212)
```
#bed42a
```
#bed42a rgb(190,212,42)
```

Complementary Color

#2a69d4
```
#2a69d4 rgb(42,105,212)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#952ad4
```
#952ad4 rgb(149,42,212)
```

Analogous Color

#69d42a
```
#69d42a rgb(105,212,42)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#d4952a
```
#d4952a rgb(212,149,42)
```

Split Complementary Color

#2ad440
```
#2ad440 rgb(42,212,64)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#d4402a
```
#d4402a rgb(212,64,42)
```

Triadic Color

#2abed4
```
#2abed4 rgb(42,190,212)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#d4402a
```
#d4402a rgb(212,64,42)
```
#bed42a
```
#bed42a rgb(190,212,42)
```

Tetradic Color

#2d1d94
```
#2d1d94 rgb(45,29,148)
```
#3322a9
```
#3322a9 rgb(51,34,169)
```
#3a26bf
```
#3a26bf rgb(58,38,191)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#533fd9
```
#533fd9 rgb(83,63,217)
```
#6654dd
```
#6654dd rgb(102,84,221)
```
#7969e1
```
#7969e1 rgb(121,105,225)
```

Monochromatic Color

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

#2a3fd4
```
#2a3fd4 rgb(42,63,212)
```
#2a30d4
```
#2a30d4 rgb(42,48,212)
```
#322ad4
```
#322ad4 rgb(50,42,212)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#4e2ad4
```
#4e2ad4 rgb(78,42,212)
```
#5c2ad4
```
#5c2ad4 rgb(92,42,212)
```
#6b2ad4
```
#6b2ad4 rgb(107,42,212)
```

Similar Colors

Text with hexadecimal color #402ad4

This text has a font color of #402ad4.

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

#402ad4 background color

This paragraph has a background color of #402ad4.

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

#402ad4 border color

This element has a border color of #402ad4.

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

CSS codes

.text {color:#402ad4;}

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

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

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

#050310
```
#050310 rgb(5,3,16)
```
#0a0620
```
#0a0620 rgb(10,6,32)
```
#0f0a30
```
#0f0a30 rgb(15,10,48)
```
#140d41
```
#140d41 rgb(20,13,65)
```
#181051
```
#181051 rgb(24,16,81)
```
#1d1361
```
#1d1361 rgb(29,19,97)
```
#221772
```
#221772 rgb(34,23,114)
```
#271a82
```
#271a82 rgb(39,26,130)
```
#2c1d93
```
#2c1d93 rgb(44,29,147)
```
#3120a3
```
#3120a3 rgb(49,32,163)
```
#3624b3
```
#3624b3 rgb(54,36,179)
```
#3b27c4
```
#3b27c4 rgb(59,39,196)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```

Shade Color Variation

#4e3ad8
```
#4e3ad8 rgb(78,58,216)
```
#5d4adb
```
#5d4adb rgb(93,74,219)
```
#6c5ade
```
#6c5ade rgb(108,90,222)
```
#7a6be2
```
#7a6be2 rgb(122,107,226)
```
#897be5
```
#897be5 rgb(137,123,229)
```
#988ce8
```
#988ce8 rgb(152,140,232)
```
#a69ceb
```
#a69ceb rgb(166,156,235)
```
#b5acef
```
#b5acef rgb(181,172,239)
```
#c4bdf2
```
#c4bdf2 rgb(196,189,242)
```
#d2cdf5
```
#d2cdf5 rgb(210,205,245)
```
#e1ddf8
```
#e1ddf8 rgb(225,221,248)
```
#f0eefc
```
#f0eefc rgb(240,238,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7886
```
#7a7886 rgb(122,120,134)
```
#736e90
```
#736e90 rgb(115,110,144)
```
#6b6599
```
#6b6599 rgb(107,101,153)
```
#645ba3
```
#645ba3 rgb(100,91,163)
```
#5d51ad
```
#5d51ad rgb(93,81,173)
```
#5647b7
```
#5647b7 rgb(86,71,183)
```
#4e3ec0
```
#4e3ec0 rgb(78,62,192)
```
#4734ca
```
#4734ca rgb(71,52,202)
```
#402ad4
```
#402ad4 rgb(64,42,212)
```
#3920de
```
#3920de rgb(57,32,222)
```
#3216e8
```
#3216e8 rgb(50,22,232)
```
#2a0df1
```
#2a0df1 rgb(42,13,241)
```
#2303fb
```
#2303fb rgb(35,3,251)
```

Tone Color Variation

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

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1744b5 Protanomaly 1% of men, 0.01% of women
#1747a7 Deuteranomaly 6% of men, 0.4% of women
#174b8c Tritanomaly 0.01% of the population

#402ad4 hex color

#402ad4 Color Information

#402ad4 Color Conversion

Color Schemes with #402ad4

Alternatives to #402ad4

#402ad4 Preview

Shades and Tints of #402ad4

Tones of #402ad4

Color Blindness Simulator