#402cff hex color

In a RGB color space, hex #402cff is composed of 25.1% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 245.7 degrees, a saturation of 100% and a lightness of 58.6%. #402cff color hex could be obtained by blending #8058ff with #0000ff. Closest websafe color is: #3333ff.

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

● #402cff color description : Vivid blue.

The hexadecimal color #402cff has RGB values of R:64, G:44, B:255 and CMYK values of C:0.75, M:0.83, Y:0, K:0. Its decimal value is 4205823.

Hex triplet	402cff	`#402cff`
RGB Decimal	64, 44, 255	`rgb(64,44,255)`
RGB Percent	25.1, 17.3, 100	`rgb(25.1%,17.3%,100%)`
CMYK	75, 83, 0, 0
HSL	245.7°, 100, 58.6	`hsl(245.7,100%,58.6%)`
HSV (or HSB)	245.7°, 82.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.039, 69.638, -98.236
XYZ	21.062, 10.11, 95.444
xyY	0.166, 0.08, 10.11
CIE-LCH	38.039, 120.415, 305.332
CIE-LUV	38.039, -7.079, -133.576
Hunter-Lab	31.796, 62.592, -155.714
Binary	01000000, 00101100, 11111111

#402cff
```
#402cff rgb(64,44,255)
```
#ebff2c
```
#ebff2c rgb(235,255,44)
```

Complementary Color

#2c82ff
```
#2c82ff rgb(44,130,255)
```
#402cff
```
#402cff rgb(64,44,255)
```
#aa2cff
```
#aa2cff rgb(170,44,255)
```

Analogous Color

#82ff2c
```
#82ff2c rgb(130,255,44)
```
#402cff
```
#402cff rgb(64,44,255)
```
#ffaa2c
```
#ffaa2c rgb(255,170,44)
```

Split Complementary Color

#2cff40
```
#2cff40 rgb(44,255,64)
```
#402cff
```
#402cff rgb(64,44,255)
```
#ff402c
```
#ff402c rgb(255,64,44)
```

Triadic Color

#2cebff
```
#2cebff rgb(44,235,255)
```
#402cff
```
#402cff rgb(64,44,255)
```
#ff402c
```
#ff402c rgb(255,64,44)
```
#ebff2c
```
#ebff2c rgb(235,255,44)
```

Tetradic Color

#1500df
```
#1500df rgb(21,0,223)
```
#1800f8
```
#1800f8 rgb(24,0,248)
```
#2913ff
```
#2913ff rgb(41,19,255)
```
#402cff
```
#402cff rgb(64,44,255)
```
#5746ff
```
#5746ff rgb(87,70,255)
```
#6e5fff
```
#6e5fff rgb(110,95,255)
```
#8579ff
```
#8579ff rgb(133,121,255)
```

Monochromatic Color

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

#2c4dff
```
#2c4dff rgb(44,77,255)
```
#2c3bff
```
#2c3bff rgb(44,59,255)
```
#2e2cff
```
#2e2cff rgb(46,44,255)
```
#402cff
```
#402cff rgb(64,44,255)
```
#522cff
```
#522cff rgb(82,44,255)
```
#632cff
```
#632cff rgb(99,44,255)
```
#752cff
```
#752cff rgb(117,44,255)
```

Similar Colors

Text with hexadecimal color #402cff

This text has a font color of #402cff.

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

#402cff background color

This paragraph has a background color of #402cff.

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

#402cff border color

This element has a border color of #402cff.

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

CSS codes

.text {color:#402cff;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#020018
```
#020018 rgb(2,0,24)
```
#04002c
```
#04002c rgb(4,0,44)
```
#060040
```
#060040 rgb(6,0,64)
```
#080053
```
#080053 rgb(8,0,83)
```
#0a0067
```
#0a0067 rgb(10,0,103)
```
#0c007a
```
#0c007a rgb(12,0,122)
```
#0d008e
```
#0d008e rgb(13,0,142)
```
#0f00a2
```
#0f00a2 rgb(15,0,162)
```
#1100b5
```
#1100b5 rgb(17,0,181)
```
#1300c9
```
#1300c9 rgb(19,0,201)
```
#1500dd
```
#1500dd rgb(21,0,221)
```
#1700f0
```
#1700f0 rgb(23,0,240)
```

Shade Color Variation

#1c05ff
```
#1c05ff rgb(28,5,255)
```
#2e18ff
```
#2e18ff rgb(46,24,255)
```
#402cff
```
#402cff rgb(64,44,255)
```
#5240ff
```
#5240ff rgb(82,64,255)
```
#6453ff
```
#6453ff rgb(100,83,255)
```
#7567ff
```
#7567ff rgb(117,103,255)
```
#877aff
```
#877aff rgb(135,122,255)
```
#998eff
```
#998eff rgb(153,142,255)
```
#aba2ff
```
#aba2ff rgb(171,162,255)
```
#bcb5ff
```
#bcb5ff rgb(188,181,255)
```
#cec9ff
```
#cec9ff rgb(206,201,255)
```
#e0ddff
```
#e0ddff rgb(224,221,255)
```
#f2f0ff
```
#f2f0ff rgb(242,240,255)
```

Tint Color Variation

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

#8f8d9e
```
#8f8d9e rgb(143,141,158)
```
#8885a6
```
#8885a6 rgb(136,133,166)
```
#827dae
```
#827dae rgb(130,125,174)
```
#7b75b6
```
#7b75b6 rgb(123,117,182)
```
#756dbe
```
#756dbe rgb(117,109,190)
```
#6e65c6
```
#6e65c6 rgb(110,101,198)
```
#675dce
```
#675dce rgb(103,93,206)
```
#6155d6
```
#6155d6 rgb(97,85,214)
```
#5a4cdf
```
#5a4cdf rgb(90,76,223)
```
#5444e7
```
#5444e7 rgb(84,68,231)
```
#4d3cef
```
#4d3cef rgb(77,60,239)
```
#4734f7
```
#4734f7 rgb(71,52,247)
```
#402cff
```
#402cff rgb(64,44,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#48446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#00659f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#174cd2 Protanomaly 1% of men, 0.01% of women
#1750c2 Deuteranomaly 6% of men, 0.4% of women
#1754a4 Tritanomaly 0.01% of the population

#402cff hex color

#402cff Color Information

#402cff Color Conversion

Color Schemes with #402cff

Alternatives to #402cff

#402cff Preview

Shades and Tints of #402cff

Tones of #402cff

Color Blindness Simulator