#402ccc hex color

In a RGB color space, hex #402ccc is composed of 25.1% red, 17.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 78.4% magenta, 0% yellow and 20% black. It has a hue angle of 247.5 degrees, a saturation of 64.5% and a lightness of 48.6%. #402ccc color hex could be obtained by blending #8058ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 17
- B 80
RGB color chart
- C 69
- M 78
- Y 0
- K 20
CMYK color chart

● #402ccc color description : Strong blue.

The hexadecimal color #402ccc has RGB values of R:64, G:44, B:204 and CMYK values of C:0.69, M:0.78, Y:0, K:0.2. Its decimal value is 4205772.

Hex triplet	402ccc	`#402ccc`
RGB Decimal	64, 44, 204	`rgb(64,44,204)`
RGB Percent	25.1, 17.3, 80	`rgb(25.1%,17.3%,80%)`
CMYK	69, 78, 0, 20
HSL	247.5°, 64.5, 48.6	`hsl(247.5,64.5%,48.6%)`
HSV (or HSB)	247.5°, 78.4, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.37, 55.012, -78.533
XYZ	13.912, 7.25, 57.79
xyY	0.176, 0.092, 7.25
CIE-LCH	32.37, 95.884, 305.011
CIE-LUV	32.37, -4.15, -104.325
Hunter-Lab	26.926, 45.104, -108.4
Binary	01000000, 00101100, 11001100

#402ccc
```
#402ccc rgb(64,44,204)
```
#b8cc2c
```
#b8cc2c rgb(184,204,44)
```

Complementary Color

#2c68cc
```
#2c68cc rgb(44,104,204)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#902ccc
```
#902ccc rgb(144,44,204)
```

Analogous Color

#68cc2c
```
#68cc2c rgb(104,204,44)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#cc902c
```
#cc902c rgb(204,144,44)
```

Split Complementary Color

#2ccc40
```
#2ccc40 rgb(44,204,64)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#cc402c
```
#cc402c rgb(204,64,44)
```

Triadic Color

#2cb8cc
```
#2cb8cc rgb(44,184,204)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#cc402c
```
#cc402c rgb(204,64,44)
```
#b8cc2c
```
#b8cc2c rgb(184,204,44)
```

Tetradic Color

#2c1e8d
```
#2c1e8d rgb(44,30,141)
```
#3323a2
```
#3323a2 rgb(51,35,162)
```
#3927b7
```
#3927b7 rgb(57,39,183)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#503cd5
```
#503cd5 rgb(80,60,213)
```
#6251da
```
#6251da rgb(98,81,218)
```
#7566de
```
#7566de rgb(117,102,222)
```

Monochromatic Color

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

#2c40cc
```
#2c40cc rgb(44,64,204)
```
#2c33cc
```
#2c33cc rgb(44,51,204)
```
#332ccc
```
#332ccc rgb(51,44,204)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#4d2ccc
```
#4d2ccc rgb(77,44,204)
```
#5b2ccc
```
#5b2ccc rgb(91,44,204)
```
#682ccc
```
#682ccc rgb(104,44,204)
```

Similar Colors

Text with hexadecimal color #402ccc

This text has a font color of #402ccc.

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

#402ccc background color

This paragraph has a background color of #402ccc.

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

#402ccc border color

This element has a border color of #402ccc.

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

CSS codes

.text {color:#402ccc;}

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

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

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

#03020a
```
#03020a rgb(3,2,10)
```
#08061b
```
#08061b rgb(8,6,27)
```
#0d092b
```
#0d092b rgb(13,9,43)
```
#120d3b
```
#120d3b rgb(18,13,59)
```
#18104b
```
#18104b rgb(24,16,75)
```
#1d145b
```
#1d145b rgb(29,20,91)
```
#22176b
```
#22176b rgb(34,23,107)
```
#271b7b
```
#271b7b rgb(39,27,123)
```
#2c1e8b
```
#2c1e8b rgb(44,30,139)
```
#31229c
```
#31229c rgb(49,34,156)
```
#3625ac
```
#3625ac rgb(54,37,172)
```
#3b29bc
```
#3b29bc rgb(59,41,188)
```
#402ccc
```
#402ccc rgb(64,44,204)
```

Shade Color Variation

#4b38d4
```
#4b38d4 rgb(75,56,212)
```
#5a48d7
```
#5a48d7 rgb(90,72,215)
```
#6858db
```
#6858db rgb(104,88,219)
```
#7768de
```
#7768de rgb(119,104,222)
```
#8578e2
```
#8578e2 rgb(133,120,226)
```
#9488e5
```
#9488e5 rgb(148,136,229)
```
#a298e9
```
#a298e9 rgb(162,152,233)
```
#b1a9ec
```
#b1a9ec rgb(177,169,236)
```
#c0b9f0
```
#c0b9f0 rgb(192,185,240)
```
#cec9f3
```
#cec9f3 rgb(206,201,243)
```
#ddd9f7
```
#ddd9f7 rgb(221,217,247)
```
#ebe9fa
```
#ebe9fa rgb(235,233,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#797880
```
#797880 rgb(121,120,128)
```
#726f89
```
#726f89 rgb(114,111,137)
```
#6b6593
```
#6b6593 rgb(107,101,147)
```
#645c9c
```
#645c9c rgb(100,92,156)
```
#5d52a6
```
#5d52a6 rgb(93,82,166)
```
#5549af
```
#5549af rgb(85,73,175)
```
#4e3fb9
```
#4e3fb9 rgb(78,63,185)
```
#4736c2
```
#4736c2 rgb(71,54,194)
```
#402ccc
```
#402ccc rgb(64,44,204)
```
#3922d6
```
#3922d6 rgb(57,34,214)
```
#3219df
```
#3219df rgb(50,25,223)
```
#2b0fe9
```
#2b0fe9 rgb(43,15,233)
```
#2306f2
```
#2306f2 rgb(35,6,242)
```

Tone Color Variation

Below, you can see how #402ccc 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
#433f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#1744b0 Protanomaly 1% of men, 0.01% of women
#1747a3 Deuteranomaly 6% of men, 0.4% of women
#174b89 Tritanomaly 0.01% of the population

#402ccc hex color

#402ccc Color Information

#402ccc Color Conversion

Color Schemes with #402ccc

Alternatives to #402ccc

#402ccc Preview

Shades and Tints of #402ccc

Tones of #402ccc

Color Blindness Simulator