#403af2 hex color

In a RGB color space, hex #403af2 is composed of 25.1% red, 22.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 76% magenta, 0% yellow and 5.1% black. It has a hue angle of 242 degrees, a saturation of 87.6% and a lightness of 58.8%. #403af2 color hex could be obtained by blending #8074ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 23
- B 95
RGB color chart
- C 74
- M 76
- Y 0
- K 5
CMYK color chart

● #403af2 color description : Bright blue.

The hexadecimal color #403af2 has RGB values of R:64, G:58, B:242 and CMYK values of C:0.74, M:0.76, Y:0, K:0.05. Its decimal value is 4209394.

Hex triplet	403af2	`#403af2`
RGB Decimal	64, 58, 242	`rgb(64,58,242)`
RGB Percent	25.1, 22.7, 94.9	`rgb(25.1%,22.7%,94.9%)`
CMYK	74, 76, 0, 5
HSL	242°, 87.6, 58.8	`hsl(242,87.6%,58.8%)`
HSV (or HSB)	242°, 76, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.77, 59.579, -89.721
XYZ	19.651, 10.526, 84.996
xyY	0.171, 0.091, 10.526
CIE-LCH	38.77, 107.701, 303.586
CIE-LUV	38.77, -8.117, -125.657
Hunter-Lab	32.443, 51.343, -132.618
Binary	01000000, 00111010, 11110010

#403af2
```
#403af2 rgb(64,58,242)
```
#ecf23a
```
#ecf23a rgb(236,242,58)
```

Complementary Color

#3a90f2
```
#3a90f2 rgb(58,144,242)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#9c3af2
```
#9c3af2 rgb(156,58,242)
```

Analogous Color

#90f23a
```
#90f23a rgb(144,242,58)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#f29c3a
```
#f29c3a rgb(242,156,58)
```

Split Complementary Color

#3af240
```
#3af240 rgb(58,242,64)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#f2403a
```
#f2403a rgb(242,64,58)
```

Triadic Color

#3aecf2
```
#3aecf2 rgb(58,236,242)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#f2403a
```
#f2403a rgb(242,64,58)
```
#ecf23a
```
#ecf23a rgb(236,242,58)
```

Tetradic Color

#140ed2
```
#140ed2 rgb(20,14,210)
```
#170fea
```
#170fea rgb(23,15,234)
```
#2922f0
```
#2922f0 rgb(41,34,240)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#5752f4
```
#5752f4 rgb(87,82,244)
```
#6e6af5
```
#6e6af5 rgb(110,106,245)
```
#8682f7
```
#8682f7 rgb(134,130,247)
```

Monochromatic Color

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

#3a62f2
```
#3a62f2 rgb(58,98,242)
```
#3a53f2
```
#3a53f2 rgb(58,83,242)
```
#3a43f2
```
#3a43f2 rgb(58,67,242)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#4f3af2
```
#4f3af2 rgb(79,58,242)
```
#5f3af2
```
#5f3af2 rgb(95,58,242)
```
#6e3af2
```
#6e3af2 rgb(110,58,242)
```

Similar Colors

Text with hexadecimal color #403af2

This text has a font color of #403af2.

<span style="color:#403af2;">Text here</span>

#403af2 background color

This paragraph has a background color of #403af2.

<p style="background-color:#403af2;">Content here</p>

#403af2 border color

This element has a border color of #403af2.

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

CSS codes

.text {color:#403af2;}

.background {background-color:#403af2;}

.border {border:1px solid #403af2;}

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

#010005
```
#010005 rgb(1,0,5)
```
#020218
```
#020218 rgb(2,2,24)
```
#04032a
```
#04032a rgb(4,3,42)
```
#06043d
```
#06043d rgb(6,4,61)
```
#08054f
```
#08054f rgb(8,5,79)
```
#090661
```
#090661 rgb(9,6,97)
```
#0b0874
```
#0b0874 rgb(11,8,116)
```
#0d0986
```
#0d0986 rgb(13,9,134)
```
#0f0a99
```
#0f0a99 rgb(15,10,153)
```
#100bab
```
#100bab rgb(16,11,171)
```
#120dbd
```
#120dbd rgb(18,13,189)
```
#140ed0
```
#140ed0 rgb(20,14,208)
```
#160fe2
```
#160fe2 rgb(22,15,226)
```

Shade Color Variation

#1c15f0
```
#1c15f0 rgb(28,21,240)
```
#2e28f1
```
#2e28f1 rgb(46,40,241)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#524cf3
```
#524cf3 rgb(82,76,243)
```
#645ff4
```
#645ff4 rgb(100,95,244)
```
#7671f6
```
#7671f6 rgb(118,113,246)
```
#8784f7
```
#8784f7 rgb(135,132,247)
```
#9996f8
```
#9996f8 rgb(153,150,248)
```
#aba8f9
```
#aba8f9 rgb(171,168,249)
```
#bdbbfb
```
#bdbbfb rgb(189,187,251)
```
#cfcdfc
```
#cfcdfc rgb(207,205,252)
```
#e1e0fd
```
#e1e0fd rgb(225,224,253)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

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

#939399
```
#939399 rgb(147,147,153)
```
#8c8ba1
```
#8c8ba1 rgb(140,139,161)
```
#8483a9
```
#8483a9 rgb(132,131,169)
```
#7c7bb1
```
#7c7bb1 rgb(124,123,177)
```
#7573b9
```
#7573b9 rgb(117,115,185)
```
#6d6ac2
```
#6d6ac2 rgb(109,106,194)
```
#6662ca
```
#6662ca rgb(102,98,202)
```
#5e5ad2
```
#5e5ad2 rgb(94,90,210)
```
#5752da
```
#5752da rgb(87,82,218)
```
#4f4ae2
```
#4f4ae2 rgb(79,74,226)
```
#4842ea
```
#4842ea rgb(72,66,234)
```
#403af2
```
#403af2 rgb(64,58,242)
```
#3832fa
```
#3832fa rgb(56,50,250)
```

Tone Color Variation

Below, you can see how #403af2 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

#515151 Achromatopsia 0.005% of the population
#4e4c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1752cf Protanomaly 1% of men, 0.01% of women
#1756bf Deuteranomaly 6% of men, 0.4% of women
#175aa1 Tritanomaly 0.01% of the population

#403af2 hex color

#403af2 Color Information

#403af2 Color Conversion

Color Schemes with #403af2

Alternatives to #403af2

#403af2 Preview

Shades and Tints of #403af2

Tones of #403af2

Color Blindness Simulator