#402eb4 hex color

In a RGB color space, hex #402eb4 is composed of 25.1% red, 18% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 74.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 248.1 degrees, a saturation of 59.3% and a lightness of 44.3%. #402eb4 color hex could be obtained by blending #805cff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 18
- B 71
RGB color chart
- C 64
- M 74
- Y 0
- K 29
CMYK color chart

● #402eb4 color description : Moderate blue.

The hexadecimal color #402eb4 has RGB values of R:64, G:46, B:180 and CMYK values of C:0.64, M:0.74, Y:0, K:0.29. Its decimal value is 4206260.

Hex triplet	402eb4	`#402eb4`
RGB Decimal	64, 46, 180	`rgb(64,46,180)`
RGB Percent	25.1, 18, 70.6	`rgb(25.1%,18%,70.6%)`
CMYK	64, 74, 0, 29
HSL	248.1°, 59.3, 44.3	`hsl(248.1,59.3%,44.3%)`
HSV (or HSB)	248.1°, 74.4, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.252, 46.7, -67.9
XYZ	11.328, 6.339, 43.804
xyY	0.184, 0.103, 6.339
CIE-LCH	30.252, 82.409, 304.519
CIE-LUV	30.252, -2.875, -89.845
Hunter-Lab	25.177, 36.254, -85.532
Binary	01000000, 00101110, 10110100

#402eb4
```
#402eb4 rgb(64,46,180)
```
#a2b42e
```
#a2b42e rgb(162,180,46)
```

Complementary Color

#2e5fb4
```
#2e5fb4 rgb(46,95,180)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#832eb4
```
#832eb4 rgb(131,46,180)
```

Analogous Color

#5fb42e
```
#5fb42e rgb(95,180,46)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#b4832e
```
#b4832e rgb(180,131,46)
```

Split Complementary Color

#2eb440
```
#2eb440 rgb(46,180,64)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#b4402e
```
#b4402e rgb(180,64,46)
```

Triadic Color

#2ea2b4
```
#2ea2b4 rgb(46,162,180)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#b4402e
```
#b4402e rgb(180,64,46)
```
#a2b42e
```
#a2b42e rgb(162,180,46)
```

Tetradic Color

#2a1e77
```
#2a1e77 rgb(42,30,119)
```
#32248b
```
#32248b rgb(50,36,139)
```
#3929a0
```
#3929a0 rgb(57,41,160)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#4733c8
```
#4733c8 rgb(71,51,200)
```
#5845d0
```
#5845d0 rgb(88,69,208)
```
#6a5ad5
```
#6a5ad5 rgb(106,90,213)
```

Monochromatic Color

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

#2e3eb4
```
#2e3eb4 rgb(46,62,180)
```
#2e32b4
```
#2e32b4 rgb(46,50,180)
```
#352eb4
```
#352eb4 rgb(53,46,180)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#4b2eb4
```
#4b2eb4 rgb(75,46,180)
```
#562eb4
```
#562eb4 rgb(86,46,180)
```
#622eb4
```
#622eb4 rgb(98,46,180)
```

Similar Colors

Text with hexadecimal color #402eb4

This text has a font color of #402eb4.

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

#402eb4 background color

This paragraph has a background color of #402eb4.

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

#402eb4 border color

This element has a border color of #402eb4.

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

CSS codes

.text {color:#402eb4;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#080618
```
#080618 rgb(8,6,24)
```
#0e0a27
```
#0e0a27 rgb(14,10,39)
```
#140e37
```
#140e37 rgb(20,14,55)
```
#191247
```
#191247 rgb(25,18,71)
```
#1f1656
```
#1f1656 rgb(31,22,86)
```
#241a66
```
#241a66 rgb(36,26,102)
```
#2a1e76
```
#2a1e76 rgb(42,30,118)
```
#2f2285
```
#2f2285 rgb(47,34,133)
```
#352695
```
#352695 rgb(53,38,149)
```
#3a2aa4
```
#3a2aa4 rgb(58,42,164)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#4632c4
```
#4632c4 rgb(70,50,196)
```

Shade Color Variation

#503ccd
```
#503ccd rgb(80,60,205)
```
#5e4cd1
```
#5e4cd1 rgb(94,76,209)
```
#6c5bd5
```
#6c5bd5 rgb(108,91,213)
```
#7a6bd9
```
#7a6bd9 rgb(122,107,217)
```
#887bdd
```
#887bdd rgb(136,123,221)
```
#968ae1
```
#968ae1 rgb(150,138,225)
```
#a49ae5
```
#a49ae5 rgb(164,154,229)
```
#b2a9e9
```
#b2a9e9 rgb(178,169,233)
```
#c0b9ed
```
#c0b9ed rgb(192,185,237)
```
#cec9f1
```
#cec9f1 rgb(206,201,241)
```
#dcd8f5
```
#dcd8f5 rgb(220,216,245)
```
#eae8f9
```
#eae8f9 rgb(234,232,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6b77 is the less saturated color, while #2003df is the most saturated one.

#6c6b77
```
#6c6b77 rgb(108,107,119)
```
#666280
```
#666280 rgb(102,98,128)
```
#605989
```
#605989 rgb(96,89,137)
```
#595191
```
#595191 rgb(89,81,145)
```
#53489a
```
#53489a rgb(83,72,154)
```
#4d3fa3
```
#4d3fa3 rgb(77,63,163)
```
#4637ab
```
#4637ab rgb(70,55,171)
```
#402eb4
```
#402eb4 rgb(64,46,180)
```
#3a25bd
```
#3a25bd rgb(58,37,189)
```
#331dc5
```
#331dc5 rgb(51,29,197)
```
#2d14ce
```
#2d14ce rgb(45,20,206)
```
#270bd7
```
#270bd7 rgb(39,11,215)
```
#2003df
```
#2003df rgb(32,3,223)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#423f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#1742a2 Protanomaly 1% of men, 0.01% of women
#174595 Deuteranomaly 6% of men, 0.4% of women
#17497d Tritanomaly 0.01% of the population

#402eb4 hex color

#402eb4 Color Information

#402eb4 Color Conversion

Color Schemes with #402eb4

Alternatives to #402eb4

#402eb4 Preview

Shades and Tints of #402eb4

Tones of #402eb4

Color Blindness Simulator