#406baf hex color

In a RGB color space, hex #406baf is composed of 25.1% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 216.8 degrees, a saturation of 46.4% and a lightness of 46.9%. #406baf color hex could be obtained by blending #80d6ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 42
- B 69
RGB color chart
- C 63
- M 39
- Y 0
- K 31
CMYK color chart

● #406baf color description : Dark moderate blue.

The hexadecimal color #406baf has RGB values of R:64, G:107, B:175 and CMYK values of C:0.63, M:0.39, Y:0, K:0.31. Its decimal value is 4221871.

Hex triplet	406baf	`#406baf`
RGB Decimal	64, 107, 175	`rgb(64,107,175)`
RGB Percent	25.1, 42, 68.6	`rgb(25.1%,42%,68.6%)`
CMYK	63, 39, 0, 31
HSL	216.8°, 46.4, 46.9	`hsl(216.8,46.4%,46.9%)`
HSV (or HSB)	216.8°, 63.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	45.22, 6.97, -40.722
XYZ	15.108, 14.7, 42.596
xyY	0.209, 0.203, 14.7
CIE-LCH	45.22, 41.315, 279.713
CIE-LUV	45.22, -18.54, -61.299
Hunter-Lab	38.34, 3.244, -39.034
Binary	01000000, 01101011, 10101111

#406baf
```
#406baf rgb(64,107,175)
```
#af8440
```
#af8440 rgb(175,132,64)
```

Complementary Color

#40a3af
```
#40a3af rgb(64,163,175)
```
#406baf
```
#406baf rgb(64,107,175)
```
#4c40af
```
#4c40af rgb(76,64,175)
```

Analogous Color

#a3af40
```
#a3af40 rgb(163,175,64)
```
#406baf
```
#406baf rgb(64,107,175)
```
#af4c40
```
#af4c40 rgb(175,76,64)
```

Split Complementary Color

#6baf40
```
#6baf40 rgb(107,175,64)
```
#406baf
```
#406baf rgb(64,107,175)
```
#af406b
```
#af406b rgb(175,64,107)
```

Triadic Color

#40af84
```
#40af84 rgb(64,175,132)
```
#406baf
```
#406baf rgb(64,107,175)
```
#af406b
```
#af406b rgb(175,64,107)
```
#af8440
```
#af8440 rgb(175,132,64)
```

Tetradic Color

#2c4977
```
#2c4977 rgb(44,73,119)
```
#32548a
```
#32548a rgb(50,84,138)
```
#39609c
```
#39609c rgb(57,96,156)
```
#406baf
```
#406baf rgb(64,107,175)
```
#4b77bd
```
#4b77bd rgb(75,119,189)
```
#5e85c4
```
#5e85c4 rgb(94,133,196)
```
#7194cb
```
#7194cb rgb(113,148,203)
```

Monochromatic Color

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

#4087af
```
#4087af rgb(64,135,175)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#4074af
```
#4074af rgb(64,116,175)
```
#406baf
```
#406baf rgb(64,107,175)
```
#4062af
```
#4062af rgb(64,98,175)
```
#4059af
```
#4059af rgb(64,89,175)
```
#404faf
```
#404faf rgb(64,79,175)
```

Similar Colors

Text with hexadecimal color #406baf

This text has a font color of #406baf.

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

#406baf background color

This paragraph has a background color of #406baf.

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

#406baf border color

This element has a border color of #406baf.

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

CSS codes

.text {color:#406baf;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#111c2e
```
#111c2e rgb(17,28,46)
```
#16253c
```
#16253c rgb(22,37,60)
```
#1b2e4a
```
#1b2e4a rgb(27,46,74)
```
#203659
```
#203659 rgb(32,54,89)
```
#263f67
```
#263f67 rgb(38,63,103)
```
#2b4876
```
#2b4876 rgb(43,72,118)
```
#305184
```
#305184 rgb(48,81,132)
```
#355992
```
#355992 rgb(53,89,146)
```
#3b62a1
```
#3b62a1 rgb(59,98,161)
```
#406baf
```
#406baf rgb(64,107,175)
```

Shade Color Variation

#4774bc
```
#4774bc rgb(71,116,188)
```
#557fc1
```
#557fc1 rgb(85,127,193)
```
#648ac6
```
#648ac6 rgb(100,138,198)
```
#7295cb
```
#7295cb rgb(114,149,203)
```
#809fd1
```
#809fd1 rgb(128,159,209)
```
#8faad6
```
#8faad6 rgb(143,170,214)
```
#9db5db
```
#9db5db rgb(157,181,219)
```
#abc0e0
```
#abc0e0 rgb(171,192,224)
```
#bacbe6
```
#bacbe6 rgb(186,203,230)
```
#c8d6eb
```
#c8d6eb rgb(200,214,235)
```
#d7e0f0
```
#d7e0f0 rgb(215,224,240)
```
#e5ebf5
```
#e5ebf5 rgb(229,235,245)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#777778
```
#777778 rgb(119,119,120)
```
#6e7581
```
#6e7581 rgb(110,117,129)
```
#65738a
```
#65738a rgb(101,115,138)
```
#5c7193
```
#5c7193 rgb(92,113,147)
```
#526f9d
```
#526f9d rgb(82,111,157)
```
#496da6
```
#496da6 rgb(73,109,166)
```
#406baf
```
#406baf rgb(64,107,175)
```
#3769b8
```
#3769b8 rgb(55,105,184)
```
#2e67c1
```
#2e67c1 rgb(46,103,193)
```
#2465cb
```
#2465cb rgb(36,101,203)
```
#1b63d4
```
#1b63d4 rgb(27,99,212)
```
#1261dd
```
#1261dd rgb(18,97,221)
```
#095fe6
```
#095fe6 rgb(9,95,230)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5e6775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5770b1 Protanopia 1% of men
#4673b2 Deuteranopia 1% of men
#2a7c85 Tritanopia 0.001% of the population

Trichromacy

#4e6eb0 Protanomaly 1% of men, 0.01% of women
#4470b1 Deuteranomaly 6% of men, 0.4% of women
#327694 Tritanomaly 0.01% of the population

#406baf hex color

#406baf Color Information

#406baf Color Conversion

Color Schemes with #406baf

Alternatives to #406baf

#406baf Preview

Shades and Tints of #406baf

Tones of #406baf

Color Blindness Simulator