#402af7 hex color

In a RGB color space, hex #402af7 is composed of 25.1% red, 16.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 83% magenta, 0% yellow and 3.1% black. It has a hue angle of 246.4 degrees, a saturation of 92.8% and a lightness of 56.7%. #402af7 color hex could be obtained by blending #8054ff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 16
- B 97
RGB color chart
- C 74
- M 83
- Y 0
- K 3
CMYK color chart

● #402af7 color description : Bright blue.

The hexadecimal color #402af7 has RGB values of R:64, G:42, B:247 and CMYK values of C:0.74, M:0.83, Y:0, K:0.03. Its decimal value is 4205303.

Hex triplet	402af7	`#402af7`
RGB Decimal	64, 42, 247	`rgb(64,42,247)`
RGB Percent	25.1, 16.5, 96.9	`rgb(25.1%,16.5%,96.9%)`
CMYK	74, 83, 0, 3
HSL	246.4°, 92.8, 56.7	`hsl(246.4,92.8%,56.7%)`
HSV (or HSB)	246.4°, 83, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.856, 68.213, -95.713
XYZ	19.728, 9.46, 88.777
xyY	0.167, 0.08, 9.46
CIE-LCH	36.856, 117.532, 305.477
CIE-LUV	36.856, -6.446, -129.071
Hunter-Lab	30.757, 60.663, -149.602
Binary	01000000, 00101010, 11110111

#402af7
```
#402af7 rgb(64,42,247)
```
#e1f72a
```
#e1f72a rgb(225,247,42)
```

Complementary Color

#2a7bf7
```
#2a7bf7 rgb(42,123,247)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#a72af7
```
#a72af7 rgb(167,42,247)
```

Analogous Color

#7bf72a
```
#7bf72a rgb(123,247,42)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#f7a72a
```
#f7a72a rgb(247,167,42)
```

Split Complementary Color

#2af740
```
#2af740 rgb(42,247,64)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#f7402a
```
#f7402a rgb(247,64,42)
```

Triadic Color

#2ae1f7
```
#2ae1f7 rgb(42,225,247)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#f7402a
```
#f7402a rgb(247,64,42)
```
#e1f72a
```
#e1f72a rgb(225,247,42)
```

Tetradic Color

#1d08cd
```
#1d08cd rgb(29,8,205)
```
#2009e5
```
#2009e5 rgb(32,9,229)
```
#2a11f6
```
#2a11f6 rgb(42,17,246)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#5643f8
```
#5643f8 rgb(86,67,248)
```
#6c5bf9
```
#6c5bf9 rgb(108,91,249)
```
#8274fa
```
#8274fa rgb(130,116,250)
```

Monochromatic Color

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

#2a47f7
```
#2a47f7 rgb(42,71,247)
```
#2a36f7
```
#2a36f7 rgb(42,54,247)
```
#2f2af7
```
#2f2af7 rgb(47,42,247)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#512af7
```
#512af7 rgb(81,42,247)
```
#622af7
```
#622af7 rgb(98,42,247)
```
#732af7
```
#732af7 rgb(115,42,247)
```

Similar Colors

Text with hexadecimal color #402af7

This text has a font color of #402af7.

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

#402af7 background color

This paragraph has a background color of #402af7.

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

#402af7 border color

This element has a border color of #402af7.

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

CSS codes

.text {color:#402af7;}

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

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

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, #02010e is the darkest color, while #fafaff is the lightest one.

#02010e
```
#02010e rgb(2,1,14)
```
#050121
```
#050121 rgb(5,1,33)
```
#070234
```
#070234 rgb(7,2,52)
```
#0a0347
```
#0a0347 rgb(10,3,71)
```
#0d0359
```
#0d0359 rgb(13,3,89)
```
#0f046c
```
#0f046c rgb(15,4,108)
```
#12057f
```
#12057f rgb(18,5,127)
```
#150592
```
#150592 rgb(21,5,146)
```
#1706a5
```
#1706a5 rgb(23,6,165)
```
#1a07b8
```
#1a07b8 rgb(26,7,184)
```
#1d08cb
```
#1d08cb rgb(29,8,203)
```
#1f08de
```
#1f08de rgb(31,8,222)
```
#2209f1
```
#2209f1 rgb(34,9,241)
```

Shade Color Variation

#2f17f6
```
#2f17f6 rgb(47,23,246)
```
#402af7
```
#402af7 rgb(64,42,247)
```
#513df8
```
#513df8 rgb(81,61,248)
```
#6250f8
```
#6250f8 rgb(98,80,248)
```
#7363f9
```
#7363f9 rgb(115,99,249)
```
#8476fa
```
#8476fa rgb(132,118,250)
```
#9589fb
```
#9589fb rgb(149,137,251)
```
#a69bfb
```
#a69bfb rgb(166,155,251)
```
#b7aefc
```
#b7aefc rgb(183,174,252)
```
#c8c1fd
```
#c8c1fd rgb(200,193,253)
```
#d9d4fd
```
#d9d4fd rgb(217,212,253)
```
#eae7fe
```
#eae7fe rgb(234,231,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#909091
```
#909091 rgb(144,144,145)
```
#89889a
```
#89889a rgb(137,136,154)
```
#837fa2
```
#837fa2 rgb(131,127,162)
```
#7c77ab
```
#7c77ab rgb(124,119,171)
```
#756eb3
```
#756eb3 rgb(117,110,179)
```
#6f66bc
```
#6f66bc rgb(111,102,188)
```
#685dc4
```
#685dc4 rgb(104,93,196)
```
#6155cd
```
#6155cd rgb(97,85,205)
```
#5b4cd5
```
#5b4cd5 rgb(91,76,213)
```
#5444de
```
#5444de rgb(84,68,222)
```
#4d3be6
```
#4d3be6 rgb(77,59,230)
```
#4733ef
```
#4733ef rgb(71,51,239)
```
#402af7
```
#402af7 rgb(64,42,247)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#46426b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#174acc Protanomaly 1% of men, 0.01% of women
#174dbc Deuteranomaly 6% of men, 0.4% of women
#17529f Tritanomaly 0.01% of the population

#402af7 hex color

#402af7 Color Information

#402af7 Color Conversion

Color Schemes with #402af7

Alternatives to #402af7

#402af7 Preview

Shades and Tints of #402af7

Tones of #402af7

Color Blindness Simulator