#406af9 hex color

In a RGB color space, hex #406af9 is composed of 25.1% red, 41.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 57.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 226.4 degrees, a saturation of 93.9% and a lightness of 61.4%. #406af9 color hex could be obtained by blending #80d4ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 42
- B 98
RGB color chart
- C 74
- M 57
- Y 0
- K 2
CMYK color chart

● #406af9 color description : Bright blue.

The hexadecimal color #406af9 has RGB values of R:64, G:106, B:249 and CMYK values of C:0.74, M:0.57, Y:0, K:0.02. Its decimal value is 4221689.

Hex triplet	406af9	`#406af9`
RGB Decimal	64, 106, 249	`rgb(64,106,249)`
RGB Percent	25.1, 41.6, 97.6	`rgb(25.1%,41.6%,97.6%)`
CMYK	74, 57, 0, 2
HSL	226.4°, 93.9, 61.4	`hsl(226.4,93.9%,61.4%)`
HSV (or HSB)	226.4°, 74.3, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.781, 34.079, -75.561
XYZ	24.364, 18.236, 91.853
xyY	0.181, 0.136, 18.236
CIE-LCH	49.781, 82.891, 294.276
CIE-LUV	49.781, -18.055, -117.872
Hunter-Lab	42.704, 27.109, -97.637
Binary	01000000, 01101010, 11111001

#406af9
```
#406af9 rgb(64,106,249)
```
#f9cf40
```
#f9cf40 rgb(249,207,64)
```

Complementary Color

#40c7f9
```
#40c7f9 rgb(64,199,249)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#7340f9
```
#7340f9 rgb(115,64,249)
```

Analogous Color

#c7f940
```
#c7f940 rgb(199,249,64)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#f97340
```
#f97340 rgb(249,115,64)
```

Split Complementary Color

#6af940
```
#6af940 rgb(106,249,64)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#f9406a
```
#f9406a rgb(249,64,106)
```

Triadic Color

#40f9cf
```
#40f9cf rgb(64,249,207)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#f9406a
```
#f9406a rgb(249,64,106)
```
#f9cf40
```
#f9cf40 rgb(249,207,64)
```

Tetradic Color

#073ae5
```
#073ae5 rgb(7,58,229)
```
#0f43f7
```
#0f43f7 rgb(15,67,247)
```
#2757f8
```
#2757f8 rgb(39,87,248)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#597dfa
```
#597dfa rgb(89,125,250)
```
#7191fb
```
#7191fb rgb(113,145,251)
```
#8aa4fb
```
#8aa4fb rgb(138,164,251)
```

Monochromatic Color

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

#4098f9
```
#4098f9 rgb(64,152,249)
```
#4089f9
```
#4089f9 rgb(64,137,249)
```
#4079f9
```
#4079f9 rgb(64,121,249)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#405bf9
```
#405bf9 rgb(64,91,249)
```
#404bf9
```
#404bf9 rgb(64,75,249)
```
#4440f9
```
#4440f9 rgb(68,64,249)
```

Similar Colors

Text with hexadecimal color #406af9

This text has a font color of #406af9.

<span style="color:#406af9;">Text here</span>

#406af9 background color

This paragraph has a background color of #406af9.

<p style="background-color:#406af9;">Content here</p>

#406af9 border color

This element has a border color of #406af9.

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

CSS codes

.text {color:#406af9;}

.background {background-color:#406af9;}

.border {border:1px solid #406af9;}

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

#010512
```
#010512 rgb(1,5,18)
```
#010925
```
#010925 rgb(1,9,37)
```
#020e38
```
#020e38 rgb(2,14,56)
```
#02134b
```
#02134b rgb(2,19,75)
```
#03185e
```
#03185e rgb(3,24,94)
```
#041c71
```
#041c71 rgb(4,28,113)
```
#042184
```
#042184 rgb(4,33,132)
```
#052697
```
#052697 rgb(5,38,151)
```
#052baa
```
#052baa rgb(5,43,170)
```
#0630bd
```
#0630bd rgb(6,48,189)
```
#0734d0
```
#0734d0 rgb(7,52,208)
```
#0739e3
```
#0739e3 rgb(7,57,227)
```
#083ef6
```
#083ef6 rgb(8,62,246)
```

Shade Color Variation

#1a4cf8
```
#1a4cf8 rgb(26,76,248)
```
#2d5bf8
```
#2d5bf8 rgb(45,91,248)
```
#406af9
```
#406af9 rgb(64,106,249)
```
#5379fa
```
#5379fa rgb(83,121,250)
```
#6688fa
```
#6688fa rgb(102,136,250)
```
#7997fb
```
#7997fb rgb(121,151,251)
```
#8ca5fb
```
#8ca5fb rgb(140,165,251)
```
#9fb4fc
```
#9fb4fc rgb(159,180,252)
```
#b2c3fd
```
#b2c3fd rgb(178,195,253)
```
#c5d2fd
```
#c5d2fd rgb(197,210,253)
```
#d8e1fe
```
#d8e1fe rgb(216,225,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9c9e is the less saturated color, while #406af9 is the most saturated one.

#9b9c9e
```
#9b9c9e rgb(155,156,158)
```
#9398a6
```
#9398a6 rgb(147,152,166)
```
#8c93ad
```
#8c93ad rgb(140,147,173)
```
#848fb5
```
#848fb5 rgb(132,143,181)
```
#7d8bbc
```
#7d8bbc rgb(125,139,188)
```
#7587c4
```
#7587c4 rgb(117,135,196)
```
#6d83cc
```
#6d83cc rgb(109,131,204)
```
#667fd3
```
#667fd3 rgb(102,127,211)
```
#5e7bdb
```
#5e7bdb rgb(94,123,219)
```
#5776e2
```
#5776e2 rgb(87,118,226)
```
#4f72ea
```
#4f72ea rgb(79,114,234)
```
#486ef1
```
#486ef1 rgb(72,110,241)
```
#406af9
```
#406af9 rgb(64,106,249)
```

Tone Color Variation

Below, you can see how #406af9 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

#6e6e6e Achromatopsia 0.005% of the population
#656d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1773f2 Protanomaly 1% of men, 0.01% of women
#1778df Deuteranomaly 6% of men, 0.4% of women
#177eb7 Tritanomaly 0.01% of the population

#406af9 hex color

#406af9 Color Information

#406af9 Color Conversion

Color Schemes with #406af9

Alternatives to #406af9

#406af9 Preview

Shades and Tints of #406af9

Tones of #406af9

Color Blindness Simulator