#406a83 hex color

In a RGB color space, hex #406a83 is composed of 25.1% red, 41.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 19.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 202.4 degrees, a saturation of 34.4% and a lightness of 38.2%. #406a83 color hex could be obtained by blending #80d4ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 42
- B 51
RGB color chart
- C 51
- M 19
- Y 0
- K 49
CMYK color chart

● #406a83 color description : Dark moderate blue.

The hexadecimal color #406a83 has RGB values of R:64, G:106, B:131 and CMYK values of C:0.51, M:0.19, Y:0, K:0.49. Its decimal value is 4221571.

Hex triplet	406a83	`#406a83`
RGB Decimal	64, 106, 131	`rgb(64,106,131)`
RGB Percent	25.1, 41.6, 51.4	`rgb(25.1%,41.6%,51.4%)`
CMYK	51, 19, 0, 49
HSL	202.4°, 34.4, 38.2	`hsl(202.4,34.4%,38.2%)`
HSV (or HSB)	202.4°, 51.1, 51.4
Web Safe	336699	`#336699`

CIE-LAB	42.818, -7.203, -18.369
XYZ	11.364, 13.036, 23.389
xyY	0.238, 0.273, 13.036
CIE-LCH	42.818, 19.731, 248.59
CIE-LUV	42.818, -18.803, -24.988
Hunter-Lab	36.106, -7.002, -13.134
Binary	01000000, 01101010, 10000011

#406a83
```
#406a83 rgb(64,106,131)
```
#835940
```
#835940 rgb(131,89,64)
```

Complementary Color

#40837b
```
#40837b rgb(64,131,123)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#404983
```
#404983 rgb(64,73,131)
```

Analogous Color

#837b40
```
#837b40 rgb(131,123,64)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#834049
```
#834049 rgb(131,64,73)
```

Split Complementary Color

#6a8340
```
#6a8340 rgb(106,131,64)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#83406a
```
#83406a rgb(131,64,106)
```

Triadic Color

#408359
```
#408359 rgb(64,131,89)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#83406a
```
#83406a rgb(131,64,106)
```
#835940
```
#835940 rgb(131,89,64)
```

Tetradic Color

#274050
```
#274050 rgb(39,64,80)
```
#2f4e61
```
#2f4e61 rgb(47,78,97)
```
#385c72
```
#385c72 rgb(56,92,114)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#487894
```
#487894 rgb(72,120,148)
```
#5186a5
```
#5186a5 rgb(81,134,165)
```
#5f92b1
```
#5f92b1 rgb(95,146,177)
```

Monochromatic Color

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

#407b83
```
#407b83 rgb(64,123,131)
```
#407583
```
#407583 rgb(64,117,131)
```
#407083
```
#407083 rgb(64,112,131)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#406483
```
#406483 rgb(64,100,131)
```
#405f83
```
#405f83 rgb(64,95,131)
```
#405983
```
#405983 rgb(64,89,131)
```

Similar Colors

Text with hexadecimal color #406a83

This text has a font color of #406a83.

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

#406a83 background color

This paragraph has a background color of #406a83.

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

#406a83 border color

This element has a border color of #406a83.

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

CSS codes

.text {color:#406a83;}

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

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

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c151a
```
#0c151a rgb(12,21,26)
```
#131f27
```
#131f27 rgb(19,31,39)
```
#192a34
```
#192a34 rgb(25,42,52)
```
#203541
```
#203541 rgb(32,53,65)
```
#263f4e
```
#263f4e rgb(38,63,78)
```
#2d4a5b
```
#2d4a5b rgb(45,74,91)
```
#335569
```
#335569 rgb(51,85,105)
```
#3a5f76
```
#3a5f76 rgb(58,95,118)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#467590
```
#467590 rgb(70,117,144)
```
#4d7f9d
```
#4d7f9d rgb(77,127,157)
```
#538aab
```
#538aab rgb(83,138,171)
```

Shade Color Variation

#6093b1
```
#6093b1 rgb(96,147,177)
```
#6d9cb8
```
#6d9cb8 rgb(109,156,184)
```
#7aa5be
```
#7aa5be rgb(122,165,190)
```
#88aec5
```
#88aec5 rgb(136,174,197)
```
#95b7cb
```
#95b7cb rgb(149,183,203)
```
#a2c0d2
```
#a2c0d2 rgb(162,192,210)
```
#afc9d8
```
#afc9d8 rgb(175,201,216)
```
#bcd2de
```
#bcd2de rgb(188,210,222)
```
#cadbe5
```
#cadbe5 rgb(202,219,229)
```
#d7e4eb
```
#d7e4eb rgb(215,228,235)
```
#e4edf2
```
#e4edf2 rgb(228,237,242)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6265 is the less saturated color, while #0479bf is the most saturated one.

#5e6265
```
#5e6265 rgb(94,98,101)
```
#57646d
```
#57646d rgb(87,100,109)
```
#4f6674
```
#4f6674 rgb(79,102,116)
```
#48687c
```
#48687c rgb(72,104,124)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#396c8b
```
#396c8b rgb(57,108,139)
```
#316e92
```
#316e92 rgb(49,110,146)
```
#2a709a
```
#2a709a rgb(42,112,154)
```
#2272a1
```
#2272a1 rgb(34,114,161)
```
#1b74a9
```
#1b74a9 rgb(27,116,169)
```
#1375b0
```
#1375b0 rgb(19,117,176)
```
#0c77b8
```
#0c77b8 rgb(12,119,184)
```
#0479bf
```
#0479bf rgb(4,121,191)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5a6267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c85 Protanopia 1% of men
#656b8b Deuteranopia 1% of men
#44747c Tritanopia 0.001% of the population

Trichromacy

#586b84 Protanomaly 1% of men, 0.01% of women
#576a88 Deuteranomaly 6% of men, 0.4% of women
#42707e Tritanomaly 0.01% of the population

#406a83 hex color

#406a83 Color Information

#406a83 Color Conversion

Color Schemes with #406a83

Alternatives to #406a83

#406a83 Preview

Shades and Tints of #406a83

Tones of #406a83

Color Blindness Simulator