#407eaf hex color

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

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

● #407eaf color description : Dark moderate blue.

The hexadecimal color #407eaf has RGB values of R:64, G:126, B:175 and CMYK values of C:0.63, M:0.28, Y:0, K:0.31. Its decimal value is 4226735.

Hex triplet	407eaf	`#407eaf`
RGB Decimal	64, 126, 175	`rgb(64,126,175)`
RGB Percent	25.1, 49.4, 68.6	`rgb(25.1%,49.4%,68.6%)`
CMYK	63, 28, 0, 31
HSL	206.5°, 46.4, 46.9	`hsl(206.5,46.4%,46.9%)`
HSV (or HSB)	206.5°, 63.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	50.811, -4.555, -31.919
XYZ	17.311, 19.106, 43.331
xyY	0.217, 0.24, 19.106
CIE-LCH	50.811, 32.242, 261.879
CIE-LUV	50.811, -25.264, -47.581
Hunter-Lab	43.71, -5.798, -28.178
Binary	01000000, 01111110, 10101111

#407eaf
```
#407eaf rgb(64,126,175)
```
#af7140
```
#af7140 rgb(175,113,64)
```

Complementary Color

#40afa9
```
#40afa9 rgb(64,175,169)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#4047af
```
#4047af rgb(64,71,175)
```

Analogous Color

#afa940
```
#afa940 rgb(175,169,64)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#af4047
```
#af4047 rgb(175,64,71)
```

Split Complementary Color

#7eaf40
```
#7eaf40 rgb(126,175,64)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#af407e
```
#af407e rgb(175,64,126)
```

Triadic Color

#40af71
```
#40af71 rgb(64,175,113)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#af407e
```
#af407e rgb(175,64,126)
```
#af7140
```
#af7140 rgb(175,113,64)
```

Tetradic Color

#2c5677
```
#2c5677 rgb(44,86,119)
```
#32638a
```
#32638a rgb(50,99,138)
```
#39719c
```
#39719c rgb(57,113,156)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#4b8bbd
```
#4b8bbd rgb(75,139,189)
```
#5e97c4
```
#5e97c4 rgb(94,151,196)
```
#71a3cb
```
#71a3cb rgb(113,163,203)
```

Monochromatic Color

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

#409aaf
```
#409aaf rgb(64,154,175)
```
#4091af
```
#4091af rgb(64,145,175)
```
#4087af
```
#4087af rgb(64,135,175)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#4075af
```
#4075af rgb(64,117,175)
```
#406caf
```
#406caf rgb(64,108,175)
```
#4062af
```
#4062af rgb(64,98,175)
```

Similar Colors

Text with hexadecimal color #407eaf

This text has a font color of #407eaf.

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

#407eaf background color

This paragraph has a background color of #407eaf.

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

#407eaf border color

This element has a border color of #407eaf.

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

CSS codes

.text {color:#407eaf;}

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

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

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 #f3f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0b171f
```
#0b171f rgb(11,23,31)
```
#11212e
```
#11212e rgb(17,33,46)
```
#162b3c
```
#162b3c rgb(22,43,60)
```
#1b364a
```
#1b364a rgb(27,54,74)
```
#204059
```
#204059 rgb(32,64,89)
```
#264a67
```
#264a67 rgb(38,74,103)
```
#2b5576
```
#2b5576 rgb(43,85,118)
```
#305f84
```
#305f84 rgb(48,95,132)
```
#356992
```
#356992 rgb(53,105,146)
```
#3b74a1
```
#3b74a1 rgb(59,116,161)
```
#407eaf
```
#407eaf rgb(64,126,175)
```

Shade Color Variation

#4788bc
```
#4788bc rgb(71,136,188)
```
#5591c1
```
#5591c1 rgb(85,145,193)
```
#649bc6
```
#649bc6 rgb(100,155,198)
```
#72a4cb
```
#72a4cb rgb(114,164,203)
```
#80add1
```
#80add1 rgb(128,173,209)
```
#8fb7d6
```
#8fb7d6 rgb(143,183,214)
```
#9dc0db
```
#9dc0db rgb(157,192,219)
```
#abc9e0
```
#abc9e0 rgb(171,201,224)
```
#bad2e6
```
#bad2e6 rgb(186,210,230)
```
#c8dceb
```
#c8dceb rgb(200,220,235)
```
#d7e5f0
```
#d7e5f0 rgb(215,229,240)
```
#e5eef5
```
#e5eef5 rgb(229,238,245)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e7981
```
#6e7981 rgb(110,121,129)
```
#657a8a
```
#657a8a rgb(101,122,138)
```
#5c7b93
```
#5c7b93 rgb(92,123,147)
```
#527c9d
```
#527c9d rgb(82,124,157)
```
#497da6
```
#497da6 rgb(73,125,166)
```
#407eaf
```
#407eaf rgb(64,126,175)
```
#377fb8
```
#377fb8 rgb(55,127,184)
```
#2e80c1
```
#2e80c1 rgb(46,128,193)
```
#2481cb
```
#2481cb rgb(36,129,203)
```
#1b82d4
```
#1b82d4 rgb(27,130,212)
```
#1283dd
```
#1283dd rgb(18,131,221)
```
#0984e6
```
#0984e6 rgb(9,132,230)
```

Tone Color Variation

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

#6f7eae Protanopia 1% of men
#677fb5 Deuteranopia 1% of men
#368a94 Tritanopia 0.001% of the population

Trichromacy

#5e7eae Protanomaly 1% of men, 0.01% of women
#597eb3 Deuteranomaly 6% of men, 0.4% of women
#39869e Tritanomaly 0.01% of the population

#407eaf hex color

#407eaf Color Information

#407eaf Color Conversion

Color Schemes with #407eaf

Alternatives to #407eaf

#407eaf Preview

Shades and Tints of #407eaf

Tones of #407eaf

Color Blindness Simulator