#402fc4 hex color

In a RGB color space, hex #402fc4 is composed of 25.1% red, 18.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 76% magenta, 0% yellow and 23.1% black. It has a hue angle of 246.8 degrees, a saturation of 61.3% and a lightness of 47.6%. #402fc4 color hex could be obtained by blending #805eff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 18
- B 77
RGB color chart
- C 67
- M 76
- Y 0
- K 23
CMYK color chart

● #402fc4 color description : Strong blue.

The hexadecimal color #402fc4 has RGB values of R:64, G:47, B:196 and CMYK values of C:0.67, M:0.76, Y:0, K:0.23. Its decimal value is 4206532.

Hex triplet	402fc4	`#402fc4`
RGB Decimal	64, 47, 196	`rgb(64,47,196)`
RGB Percent	25.1, 18.4, 76.9	`rgb(25.1%,18.4%,76.9%)`
CMYK	67, 76, 0, 23
HSL	246.8°, 61.3, 47.6	`hsl(246.8,61.3%,47.6%)`
HSV (or HSB)	246.8°, 76, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.051, 51.109, -74.384
XYZ	13.093, 7.108, 52.904
xyY	0.179, 0.097, 7.108
CIE-LCH	32.051, 90.25, 304.493
CIE-LUV	32.051, -4.059, -99.405
Hunter-Lab	26.661, 41.003, -98.988
Binary	01000000, 00101111, 11000100

#402fc4
```
#402fc4 rgb(64,47,196)
```
#b3c42f
```
#b3c42f rgb(179,196,47)
```

Complementary Color

#2f69c4
```
#2f69c4 rgb(47,105,196)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#8b2fc4
```
#8b2fc4 rgb(139,47,196)
```

Analogous Color

#69c42f
```
#69c42f rgb(105,196,47)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#c48b2f
```
#c48b2f rgb(196,139,47)
```

Split Complementary Color

#2fc440
```
#2fc440 rgb(47,196,64)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#c4402f
```
#c4402f rgb(196,64,47)
```

Triadic Color

#2fb3c4
```
#2fb3c4 rgb(47,179,196)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#c4402f
```
#c4402f rgb(196,64,47)
```
#b3c42f
```
#b3c42f rgb(179,196,47)
```

Tetradic Color

#2c2086
```
#2c2086 rgb(44,32,134)
```
#33259b
```
#33259b rgb(51,37,155)
```
#392aaf
```
#392aaf rgb(57,42,175)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#4d3cd0
```
#4d3cd0 rgb(77,60,208)
```
#6051d5
```
#6051d5 rgb(96,81,213)
```
#7365da
```
#7365da rgb(115,101,218)
```

Monochromatic Color

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

#2f43c4
```
#2f43c4 rgb(47,67,196)
```
#2f37c4
```
#2f37c4 rgb(47,55,196)
```
#342fc4
```
#342fc4 rgb(52,47,196)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#4c2fc4
```
#4c2fc4 rgb(76,47,196)
```
#592fc4
```
#592fc4 rgb(89,47,196)
```
#652fc4
```
#652fc4 rgb(101,47,196)
```

Similar Colors

Text with hexadecimal color #402fc4

This text has a font color of #402fc4.

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

#402fc4 background color

This paragraph has a background color of #402fc4.

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

#402fc4 border color

This element has a border color of #402fc4.

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

CSS codes

.text {color:#402fc4;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0c0926
```
#0c0926 rgb(12,9,38)
```
#120d36
```
#120d36 rgb(18,13,54)
```
#171145
```
#171145 rgb(23,17,69)
```
#1c1455
```
#1c1455 rgb(28,20,85)
```
#211865
```
#211865 rgb(33,24,101)
```
#261c75
```
#261c75 rgb(38,28,117)
```
#2b2085
```
#2b2085 rgb(43,32,133)
```
#312495
```
#312495 rgb(49,36,149)
```
#3627a4
```
#3627a4 rgb(54,39,164)
```
#3b2bb4
```
#3b2bb4 rgb(59,43,180)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```

Shade Color Variation

#4937cf
```
#4937cf rgb(73,55,207)
```
#5747d3
```
#5747d3 rgb(87,71,211)
```
#6657d7
```
#6657d7 rgb(102,87,215)
```
#7467db
```
#7467db rgb(116,103,219)
```
#8377de
```
#8377de rgb(131,119,222)
```
#9187e2
```
#9187e2 rgb(145,135,226)
```
#9f96e6
```
#9f96e6 rgb(159,150,230)
```
#aea6ea
```
#aea6ea rgb(174,166,234)
```
#bcb6ee
```
#bcb6ee rgb(188,182,238)
```
#cbc6f1
```
#cbc6f1 rgb(203,198,241)
```
#d9d6f5
```
#d9d6f5 rgb(217,214,245)
```
#e8e5f9
```
#e8e5f9 rgb(232,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#727083
```
#727083 rgb(114,112,131)
```
#6b678c
```
#6b678c rgb(107,103,140)
```
#645e95
```
#645e95 rgb(100,94,149)
```
#5d549f
```
#5d549f rgb(93,84,159)
```
#564ba8
```
#564ba8 rgb(86,75,168)
```
#4e42b1
```
#4e42b1 rgb(78,66,177)
```
#4738bb
```
#4738bb rgb(71,56,187)
```
#402fc4
```
#402fc4 rgb(64,47,196)
```
#3926cd
```
#3926cd rgb(57,38,205)
```
#321cd7
```
#321cd7 rgb(50,28,215)
```
#2a13e0
```
#2a13e0 rgb(42,19,224)
```
#230ae9
```
#230ae9 rgb(35,10,233)
```
#1c00f3
```
#1c00f3 rgb(28,0,243)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#44415e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1745ad Protanomaly 1% of men, 0.01% of women
#17489f Deuteranomaly 6% of men, 0.4% of women
#174c86 Tritanomaly 0.01% of the population

#402fc4 hex color

#402fc4 Color Information

#402fc4 Color Conversion

Color Schemes with #402fc4

Alternatives to #402fc4

#402fc4 Preview

Shades and Tints of #402fc4

Tones of #402fc4

Color Blindness Simulator