#406fb3 hex color

In a RGB color space, hex #406fb3 is composed of 25.1% red, 43.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 38% magenta, 0% yellow and 29.8% black. It has a hue angle of 215.5 degrees, a saturation of 47.3% and a lightness of 47.6%. #406fb3 color hex could be obtained by blending #80deff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 44
- B 70
RGB color chart
- C 64
- M 38
- Y 0
- K 30
CMYK color chart

● #406fb3 color description : Moderate blue.

The hexadecimal color #406fb3 has RGB values of R:64, G:111, B:179 and CMYK values of C:0.64, M:0.38, Y:0, K:0.3. Its decimal value is 4222899.

Hex triplet	406fb3	`#406fb3`
RGB Decimal	64, 111, 179	`rgb(64,111,179)`
RGB Percent	25.1, 43.5, 70.2	`rgb(25.1%,43.5%,70.2%)`
CMYK	64, 38, 0, 30
HSL	215.5°, 47.3, 47.6	`hsl(215.5,47.3%,47.6%)`
HSV (or HSB)	215.5°, 64.2, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.595, 5.889, -40.874
XYZ	15.934, 15.713, 44.838
xyY	0.208, 0.205, 15.713
CIE-LCH	46.595, 41.296, 278.198
CIE-LUV	46.595, -19.858, -61.853
Hunter-Lab	39.639, 2.383, -39.32
Binary	01000000, 01101111, 10110011

#406fb3
```
#406fb3 rgb(64,111,179)
```
#b38440
```
#b38440 rgb(179,132,64)
```

Complementary Color

#40a9b3
```
#40a9b3 rgb(64,169,179)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#4a40b3
```
#4a40b3 rgb(74,64,179)
```

Analogous Color

#a9b340
```
#a9b340 rgb(169,179,64)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#b34a40
```
#b34a40 rgb(179,74,64)
```

Split Complementary Color

#6fb340
```
#6fb340 rgb(111,179,64)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#b3406f
```
#b3406f rgb(179,64,111)
```

Triadic Color

#40b384
```
#40b384 rgb(64,179,132)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#b3406f
```
#b3406f rgb(179,64,111)
```
#b38440
```
#b38440 rgb(179,132,64)
```

Tetradic Color

#2c4c7b
```
#2c4c7b rgb(44,76,123)
```
#33588d
```
#33588d rgb(51,88,141)
```
#3963a0
```
#3963a0 rgb(57,99,160)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#4d7cbf
```
#4d7cbf rgb(77,124,191)
```
#608ac6
```
#608ac6 rgb(96,138,198)
```
#7398cd
```
#7398cd rgb(115,152,205)
```

Monochromatic Color

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

#408cb3
```
#408cb3 rgb(64,140,179)
```
#4082b3
```
#4082b3 rgb(64,130,179)
```
#4079b3
```
#4079b3 rgb(64,121,179)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#4065b3
```
#4065b3 rgb(64,101,179)
```
#405cb3
```
#405cb3 rgb(64,92,179)
```
#4052b3
```
#4052b3 rgb(64,82,179)
```

Similar Colors

Text with hexadecimal color #406fb3

This text has a font color of #406fb3.

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

#406fb3 background color

This paragraph has a background color of #406fb3.

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

#406fb3 border color

This element has a border color of #406fb3.

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

CSS codes

.text {color:#406fb3;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0c1523
```
#0c1523 rgb(12,21,35)
```
#121e31
```
#121e31 rgb(18,30,49)
```
#17273f
```
#17273f rgb(23,39,63)
```
#1c304e
```
#1c304e rgb(28,48,78)
```
#21395c
```
#21395c rgb(33,57,92)
```
#26426b
```
#26426b rgb(38,66,107)
```
#2b4b79
```
#2b4b79 rgb(43,75,121)
```
#315488
```
#315488 rgb(49,84,136)
```
#365d96
```
#365d96 rgb(54,93,150)
```
#3b66a5
```
#3b66a5 rgb(59,102,165)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```

Shade Color Variation

#4979be
```
#4979be rgb(73,121,190)
```
#5783c3
```
#5783c3 rgb(87,131,195)
```
#668ec8
```
#668ec8 rgb(102,142,200)
```
#7499cd
```
#7499cd rgb(116,153,205)
```
#83a3d3
```
#83a3d3 rgb(131,163,211)
```
#91aed8
```
#91aed8 rgb(145,174,216)
```
#9fb9dd
```
#9fb9dd rgb(159,185,221)
```
#aec3e2
```
#aec3e2 rgb(174,195,226)
```
#bccee7
```
#bccee7 rgb(188,206,231)
```
#cbd9ec
```
#cbd9ec rgb(203,217,236)
```
#d9e3f2
```
#d9e3f2 rgb(217,227,242)
```
#e8eef7
```
#e8eef7 rgb(232,238,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797b is the less saturated color, while #0865eb is the most saturated one.

#78797b
```
#78797b rgb(120,121,123)
```
#6f7884
```
#6f7884 rgb(111,120,132)
```
#65768e
```
#65768e rgb(101,118,142)
```
#5c7497
```
#5c7497 rgb(92,116,151)
```
#5372a0
```
#5372a0 rgb(83,114,160)
```
#4971aa
```
#4971aa rgb(73,113,170)
```
#406fb3
```
#406fb3 rgb(64,111,179)
```
#376dbc
```
#376dbc rgb(55,109,188)
```
#2d6cc6
```
#2d6cc6 rgb(45,108,198)
```
#246acf
```
#246acf rgb(36,106,207)
```
#1b68d8
```
#1b68d8 rgb(27,104,216)
```
#1166e2
```
#1166e2 rgb(17,102,226)
```
#0865eb
```
#0865eb rgb(8,101,235)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#616a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a73b4 Protanopia 1% of men
#4a76b6 Deuteranopia 1% of men
#288089 Tritanopia 0.001% of the population

Trichromacy

#5172b4 Protanomaly 1% of men, 0.01% of women
#4673b5 Deuteranomaly 6% of men, 0.4% of women
#317a98 Tritanomaly 0.01% of the population

#406fb3 hex color

#406fb3 Color Information

#406fb3 Color Conversion

Color Schemes with #406fb3

Alternatives to #406fb3

#406fb3 Preview

Shades and Tints of #406fb3

Tones of #406fb3

Color Blindness Simulator