#407eae hex color

In a RGB color space, hex #407eae is composed of 25.1% red, 49.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 27.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 206.2 degrees, a saturation of 46.2% and a lightness of 46.7%. #407eae color hex could be obtained by blending #80fcff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 68
RGB color chart
- C 63
- M 28
- Y 0
- K 32
CMYK color chart

● #407eae color description : Dark moderate blue.

The hexadecimal color #407eae has RGB values of R:64, G:126, B:174 and CMYK values of C:0.63, M:0.28, Y:0, K:0.32. Its decimal value is 4226734.

Hex triplet	407eae	`#407eae`
RGB Decimal	64, 126, 174	`rgb(64,126,174)`
RGB Percent	25.1, 49.4, 68.2	`rgb(25.1%,49.4%,68.2%)`
CMYK	63, 28, 0, 32
HSL	206.2°, 46.2, 46.7	`hsl(206.2,46.2%,46.7%)`
HSV (or HSB)	206.2°, 63.2, 68.2
Web Safe	336699	`#336699`

CIE-LAB	50.765, -4.893, -31.412
XYZ	17.213, 19.066, 42.815
xyY	0.218, 0.241, 19.066
CIE-LCH	50.765, 31.791, 261.146
CIE-LUV	50.765, -25.296, -46.725
Hunter-Lab	43.665, -6.047, -27.57
Binary	01000000, 01111110, 10101110

#407eae
```
#407eae rgb(64,126,174)
```
#ae7040
```
#ae7040 rgb(174,112,64)
```

Complementary Color

#40aea7
```
#40aea7 rgb(64,174,167)
```
#407eae
```
#407eae rgb(64,126,174)
```
#4047ae
```
#4047ae rgb(64,71,174)
```

Analogous Color

#aea740
```
#aea740 rgb(174,167,64)
```
#407eae
```
#407eae rgb(64,126,174)
```
#ae4047
```
#ae4047 rgb(174,64,71)
```

Split Complementary Color

#7eae40
```
#7eae40 rgb(126,174,64)
```
#407eae
```
#407eae rgb(64,126,174)
```
#ae407e
```
#ae407e rgb(174,64,126)
```

Triadic Color

#40ae70
```
#40ae70 rgb(64,174,112)
```
#407eae
```
#407eae rgb(64,126,174)
```
#ae407e
```
#ae407e rgb(174,64,126)
```
#ae7040
```
#ae7040 rgb(174,112,64)
```

Tetradic Color

#2b5676
```
#2b5676 rgb(43,86,118)
```
#326389
```
#326389 rgb(50,99,137)
```
#39719b
```
#39719b rgb(57,113,155)
```
#407eae
```
#407eae rgb(64,126,174)
```
#4b8bbd
```
#4b8bbd rgb(75,139,189)
```
#5d97c4
```
#5d97c4 rgb(93,151,196)
```
#70a3ca
```
#70a3ca rgb(112,163,202)
```

Monochromatic Color

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

#409aae
```
#409aae rgb(64,154,174)
```
#4090ae
```
#4090ae rgb(64,144,174)
```
#4087ae
```
#4087ae rgb(64,135,174)
```
#407eae
```
#407eae rgb(64,126,174)
```
#4075ae
```
#4075ae rgb(64,117,174)
```
#406cae
```
#406cae rgb(64,108,174)
```
#4063ae
```
#4063ae rgb(64,99,174)
```

Similar Colors

Text with hexadecimal color #407eae

This text has a font color of #407eae.

<span style="color:#407eae;">Text here</span>

#407eae background color

This paragraph has a background color of #407eae.

<p style="background-color:#407eae;">Content here</p>

#407eae border color

This element has a border color of #407eae.

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

CSS codes

.text {color:#407eae;}

.background {background-color:#407eae;}

.border {border:1px solid #407eae;}

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b161f
```
#0b161f rgb(11,22,31)
```
#11212d
```
#11212d rgb(17,33,45)
```
#162b3b
```
#162b3b rgb(22,43,59)
```
#1b354a
```
#1b354a rgb(27,53,74)
```
#204058
```
#204058 rgb(32,64,88)
```
#264a66
```
#264a66 rgb(38,74,102)
```
#2b5475
```
#2b5475 rgb(43,84,117)
```
#305f83
```
#305f83 rgb(48,95,131)
```
#356991
```
#356991 rgb(53,105,145)
```
#3b74a0
```
#3b74a0 rgb(59,116,160)
```
#407eae
```
#407eae rgb(64,126,174)
```

Shade Color Variation

#4688bb
```
#4688bb rgb(70,136,187)
```
#5591c0
```
#5591c0 rgb(85,145,192)
```
#639bc6
```
#639bc6 rgb(99,155,198)
```
#72a4cb
```
#72a4cb rgb(114,164,203)
```
#80add0
```
#80add0 rgb(128,173,208)
```
#8eb6d6
```
#8eb6d6 rgb(142,182,214)
```
#9dc0db
```
#9dc0db rgb(157,192,219)
```
#abc9e0
```
#abc9e0 rgb(171,201,224)
```
#b9d2e5
```
#b9d2e5 rgb(185,210,229)
```
#c8dbeb
```
#c8dbeb rgb(200,219,235)
```
#d6e5f0
```
#d6e5f0 rgb(214,229,240)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7880
```
#6e7880 rgb(110,120,128)
```
#657989
```
#657989 rgb(101,121,137)
```
#5b7b93
```
#5b7b93 rgb(91,123,147)
```
#527c9c
```
#527c9c rgb(82,124,156)
```
#497da5
```
#497da5 rgb(73,125,165)
```
#407eae
```
#407eae rgb(64,126,174)
```
#377fb7
```
#377fb7 rgb(55,127,183)
```
#2e80c0
```
#2e80c0 rgb(46,128,192)
```
#2581c9
```
#2581c9 rgb(37,129,201)
```
#1b83d3
```
#1b83d3 rgb(27,131,211)
```
#1284dc
```
#1284dc rgb(18,132,220)
```
#0985e5
```
#0985e5 rgb(9,133,229)
```

Tone Color Variation

Below, you can see how #407eae 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

#717171 Achromatopsia 0.005% of the population
#67747d Atypical Achromatopsia 0.001% of the population

Dichromacy

#707ead Protanopia 1% of men
#687fb4 Deuteranopia 1% of men
#368a94 Tritanopia 0.001% of the population

Trichromacy

#5e7ead Protanomaly 1% of men, 0.01% of women
#597eb2 Deuteranomaly 6% of men, 0.4% of women
#3a869d Tritanomaly 0.01% of the population

#407eae hex color

#407eae Color Information

#407eae Color Conversion

Color Schemes with #407eae

Alternatives to #407eae

#407eae Preview

Shades and Tints of #407eae

Tones of #407eae

Color Blindness Simulator