#406baa hex color

In a RGB color space, hex #406baa is composed of 25.1% red, 42% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 37.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 215.7 degrees, a saturation of 45.3% and a lightness of 45.9%. #406baa color hex could be obtained by blending #80d6ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 42
- B 67
RGB color chart
- C 62
- M 37
- Y 0
- K 33
CMYK color chart

● #406baa color description : Dark moderate blue.

The hexadecimal color #406baa has RGB values of R:64, G:107, B:170 and CMYK values of C:0.62, M:0.37, Y:0, K:0.33. Its decimal value is 4221866.

Hex triplet	406baa	`#406baa`
RGB Decimal	64, 107, 170	`rgb(64,107,170)`
RGB Percent	25.1, 42, 66.7	`rgb(25.1%,42%,66.7%)`
CMYK	62, 37, 0, 33
HSL	215.7°, 45.3, 45.9	`hsl(215.7,45.3%,45.9%)`
HSV (or HSB)	215.7°, 62.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	44.951, 5.217, -38.22
XYZ	14.626, 14.507, 40.057
xyY	0.211, 0.21, 14.507
CIE-LCH	44.951, 38.574, 277.773
CIE-LUV	44.951, -18.596, -57.177
Hunter-Lab	38.088, 1.892, -35.695
Binary	01000000, 01101011, 10101010

#406baa
```
#406baa rgb(64,107,170)
```
#aa7f40
```
#aa7f40 rgb(170,127,64)
```

Complementary Color

#40a0aa
```
#40a0aa rgb(64,160,170)
```
#406baa
```
#406baa rgb(64,107,170)
```
#4a40aa
```
#4a40aa rgb(74,64,170)
```

Analogous Color

#a0aa40
```
#a0aa40 rgb(160,170,64)
```
#406baa
```
#406baa rgb(64,107,170)
```
#aa4a40
```
#aa4a40 rgb(170,74,64)
```

Split Complementary Color

#6baa40
```
#6baa40 rgb(107,170,64)
```
#406baa
```
#406baa rgb(64,107,170)
```
#aa406b
```
#aa406b rgb(170,64,107)
```

Triadic Color

#40aa7f
```
#40aa7f rgb(64,170,127)
```
#406baa
```
#406baa rgb(64,107,170)
```
#aa406b
```
#aa406b rgb(170,64,107)
```
#aa7f40
```
#aa7f40 rgb(170,127,64)
```

Tetradic Color

#2b4872
```
#2b4872 rgb(43,72,114)
```
#325485
```
#325485 rgb(50,84,133)
```
#395f97
```
#395f97 rgb(57,95,151)
```
#406baa
```
#406baa rgb(64,107,170)
```
#4977ba
```
#4977ba rgb(73,119,186)
```
#5c85c1
```
#5c85c1 rgb(92,133,193)
```
#6e93c8
```
#6e93c8 rgb(110,147,200)
```

Monochromatic Color

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

#4086aa
```
#4086aa rgb(64,134,170)
```
#407daa
```
#407daa rgb(64,125,170)
```
#4074aa
```
#4074aa rgb(64,116,170)
```
#406baa
```
#406baa rgb(64,107,170)
```
#4062aa
```
#4062aa rgb(64,98,170)
```
#4059aa
```
#4059aa rgb(64,89,170)
```
#4051aa
```
#4051aa rgb(64,81,170)
```

Similar Colors

Text with hexadecimal color #406baa

This text has a font color of #406baa.

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

#406baa background color

This paragraph has a background color of #406baa.

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

#406baa border color

This element has a border color of #406baa.

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

CSS codes

.text {color:#406baa;}

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

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

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

#05080d
```
#05080d rgb(5,8,13)
```
#0a111b
```
#0a111b rgb(10,17,27)
```
#101a2a
```
#101a2a rgb(16,26,42)
```
#152338
```
#152338 rgb(21,35,56)
```
#1a2c46
```
#1a2c46 rgb(26,44,70)
```
#203554
```
#203554 rgb(32,53,84)
```
#253e63
```
#253e63 rgb(37,62,99)
```
#2b4771
```
#2b4771 rgb(43,71,113)
```
#30507f
```
#30507f rgb(48,80,127)
```
#35598d
```
#35598d rgb(53,89,141)
```
#3b629c
```
#3b629c rgb(59,98,156)
```
#406baa
```
#406baa rgb(64,107,170)
```
#4574b8
```
#4574b8 rgb(69,116,184)
```

Shade Color Variation

#537ebe
```
#537ebe rgb(83,126,190)
```
#6189c4
```
#6189c4 rgb(97,137,196)
```
#6f94c9
```
#6f94c9 rgb(111,148,201)
```
#7e9ece
```
#7e9ece rgb(126,158,206)
```
#8ca9d4
```
#8ca9d4 rgb(140,169,212)
```
#9ab4d9
```
#9ab4d9 rgb(154,180,217)
```
#a8bede
```
#a8bede rgb(168,190,222)
```
#b7c9e4
```
#b7c9e4 rgb(183,201,228)
```
#c5d4e9
```
#c5d4e9 rgb(197,212,233)
```
#d3deef
```
#d3deef rgb(211,222,239)
```
#e1e9f4
```
#e1e9f4 rgb(225,233,244)
```
#f0f4f9
```
#f0f4f9 rgb(240,244,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d737d is the less saturated color, while #015fe9 is the most saturated one.

#6d737d
```
#6d737d rgb(109,115,125)
```
#647286
```
#647286 rgb(100,114,134)
```
#5b708f
```
#5b708f rgb(91,112,143)
```
#526e98
```
#526e98 rgb(82,110,152)
```
#496da1
```
#496da1 rgb(73,109,161)
```
#406baa
```
#406baa rgb(64,107,170)
```
#3769b3
```
#3769b3 rgb(55,105,179)
```
#2e68bc
```
#2e68bc rgb(46,104,188)
```
#2566c5
```
#2566c5 rgb(37,102,197)
```
#1c64ce
```
#1c64ce rgb(28,100,206)
```
#1363d7
```
#1363d7 rgb(19,99,215)
```
#0a61e0
```
#0a61e0 rgb(10,97,224)
```
#015fe9
```
#015fe9 rgb(1,95,233)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5e6673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5970ac Protanopia 1% of men
#4b72ae Deuteranopia 1% of men
#2f7b84 Tritanopia 0.001% of the population

Trichromacy

#506eab Protanomaly 1% of men, 0.01% of women
#476fac Deuteranomaly 6% of men, 0.4% of women
#357592 Tritanomaly 0.01% of the population

#406baa hex color

#406baa Color Information

#406baa Color Conversion

Color Schemes with #406baa

Alternatives to #406baa

#406baa Preview

Shades and Tints of #406baa

Tones of #406baa

Color Blindness Simulator