#407aaf hex color

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

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

● #407aaf color description : Dark moderate blue.

The hexadecimal color #407aaf has RGB values of R:64, G:122, B:175 and CMYK values of C:0.63, M:0.3, Y:0, K:0.31. Its decimal value is 4225711.

Hex triplet	407aaf	`#407aaf`
RGB Decimal	64, 122, 175	`rgb(64,122,175)`
RGB Percent	25.1, 47.8, 68.6	`rgb(25.1%,47.8%,68.6%)`
CMYK	63, 30, 0, 31
HSL	208.6°, 46.4, 46.9	`hsl(208.6,46.4%,46.9%)`
HSV (or HSB)	208.6°, 63.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	49.621, -2.189, -33.781
XYZ	16.81, 18.103, 43.163
xyY	0.215, 0.232, 18.103
CIE-LCH	49.621, 33.852, 266.292
CIE-LUV	49.621, -23.816, -50.583
Hunter-Lab	42.548, -3.936, -30.365
Binary	01000000, 01111010, 10101111

#407aaf
```
#407aaf rgb(64,122,175)
```
#af7540
```
#af7540 rgb(175,117,64)
```

Complementary Color

#40afad
```
#40afad rgb(64,175,173)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#4043af
```
#4043af rgb(64,67,175)
```

Analogous Color

#afad40
```
#afad40 rgb(175,173,64)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#af4043
```
#af4043 rgb(175,64,67)
```

Split Complementary Color

#7aaf40
```
#7aaf40 rgb(122,175,64)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#af407a
```
#af407a rgb(175,64,122)
```

Triadic Color

#40af75
```
#40af75 rgb(64,175,117)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#af407a
```
#af407a rgb(175,64,122)
```
#af7540
```
#af7540 rgb(175,117,64)
```

Tetradic Color

#2c5377
```
#2c5377 rgb(44,83,119)
```
#32608a
```
#32608a rgb(50,96,138)
```
#396d9c
```
#396d9c rgb(57,109,156)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#4b87bd
```
#4b87bd rgb(75,135,189)
```
#5e93c4
```
#5e93c4 rgb(94,147,196)
```
#71a0cb
```
#71a0cb rgb(113,160,203)
```

Monochromatic Color

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

#4096af
```
#4096af rgb(64,150,175)
```
#408daf
```
#408daf rgb(64,141,175)
```
#4083af
```
#4083af rgb(64,131,175)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#4071af
```
#4071af rgb(64,113,175)
```
#4068af
```
#4068af rgb(64,104,175)
```
#405eaf
```
#405eaf rgb(64,94,175)
```

Similar Colors

Text with hexadecimal color #407aaf

This text has a font color of #407aaf.

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

#407aaf background color

This paragraph has a background color of #407aaf.

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

#407aaf border color

This element has a border color of #407aaf.

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

CSS codes

.text {color:#407aaf;}

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

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

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)
```
#0b161f
```
#0b161f rgb(11,22,31)
```
#11202e
```
#11202e rgb(17,32,46)
```
#162a3c
```
#162a3c rgb(22,42,60)
```
#1b344a
```
#1b344a rgb(27,52,74)
```
#203e59
```
#203e59 rgb(32,62,89)
```
#264867
```
#264867 rgb(38,72,103)
```
#2b5276
```
#2b5276 rgb(43,82,118)
```
#305c84
```
#305c84 rgb(48,92,132)
```
#356692
```
#356692 rgb(53,102,146)
```
#3b70a1
```
#3b70a1 rgb(59,112,161)
```
#407aaf
```
#407aaf rgb(64,122,175)
```

Shade Color Variation

#4784bc
```
#4784bc rgb(71,132,188)
```
#558ec1
```
#558ec1 rgb(85,142,193)
```
#6497c6
```
#6497c6 rgb(100,151,198)
```
#72a1cb
```
#72a1cb rgb(114,161,203)
```
#80aad1
```
#80aad1 rgb(128,170,209)
```
#8fb4d6
```
#8fb4d6 rgb(143,180,214)
```
#9dbedb
```
#9dbedb rgb(157,190,219)
```
#abc7e0
```
#abc7e0 rgb(171,199,224)
```
#bad1e6
```
#bad1e6 rgb(186,209,230)
```
#c8daeb
```
#c8daeb rgb(200,218,235)
```
#d7e4f0
```
#d7e4f0 rgb(215,228,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 #097ce6 is the most saturated one.

#777878
```
#777878 rgb(119,120,120)
```
#6e7881
```
#6e7881 rgb(110,120,129)
```
#65788a
```
#65788a rgb(101,120,138)
```
#5c7993
```
#5c7993 rgb(92,121,147)
```
#52799d
```
#52799d rgb(82,121,157)
```
#497aa6
```
#497aa6 rgb(73,122,166)
```
#407aaf
```
#407aaf rgb(64,122,175)
```
#377ab8
```
#377ab8 rgb(55,122,184)
```
#2e7bc1
```
#2e7bc1 rgb(46,123,193)
```
#247bcb
```
#247bcb rgb(36,123,203)
```
#1b7cd4
```
#1b7cd4 rgb(27,124,212)
```
#127cdd
```
#127cdd rgb(18,124,221)
```
#097ce6
```
#097ce6 rgb(9,124,230)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#66717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7baf Protanopia 1% of men
#617cb4 Deuteranopia 1% of men
#338791 Tritanopia 0.001% of the population

Trichromacy

#5b7aaf Protanomaly 1% of men, 0.01% of women
#557bb2 Deuteranomaly 6% of men, 0.4% of women
#38829c Tritanomaly 0.01% of the population

#407aaf hex color

#407aaf Color Information

#407aaf Color Conversion

Color Schemes with #407aaf

Alternatives to #407aaf

#407aaf Preview

Shades and Tints of #407aaf

Tones of #407aaf

Color Blindness Simulator