#407a9f hex color

In a RGB color space, hex #407a9f is composed of 25.1% red, 47.8% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 23.3% magenta, 0% yellow and 37.6% black. It has a hue angle of 203.4 degrees, a saturation of 42.6% and a lightness of 43.7%. #407a9f color hex could be obtained by blending #80f4ff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 62
RGB color chart
- C 60
- M 23
- Y 0
- K 38
CMYK color chart

● #407a9f color description : Dark moderate blue.

The hexadecimal color #407a9f has RGB values of R:64, G:122, B:159 and CMYK values of C:0.6, M:0.23, Y:0, K:0.38. Its decimal value is 4225695.

Hex triplet	407a9f	`#407a9f`
RGB Decimal	64, 122, 159	`rgb(64,122,159)`
RGB Percent	25.1, 47.8, 62.4	`rgb(25.1%,47.8%,62.4%)`
CMYK	60, 23, 0, 38
HSL	203.4°, 42.6, 43.7	`hsl(203.4,42.6%,43.7%)`
HSV (or HSB)	203.4°, 59.7, 62.4
Web Safe	336699	`#336699`

CIE-LAB	48.898, -7.561, -25.594
XYZ	15.33, 17.511, 35.371
xyY	0.225, 0.257, 17.511
CIE-LCH	48.898, 26.687, 253.541
CIE-LUV	48.898, -24.28, -36.892
Hunter-Lab	41.846, -7.838, -20.823
Binary	01000000, 01111010, 10011111

#407a9f
```
#407a9f rgb(64,122,159)
```
#9f6540
```
#9f6540 rgb(159,101,64)
```

Complementary Color

#409f95
```
#409f95 rgb(64,159,149)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#404b9f
```
#404b9f rgb(64,75,159)
```

Analogous Color

#9f9540
```
#9f9540 rgb(159,149,64)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#9f404b
```
#9f404b rgb(159,64,75)
```

Split Complementary Color

#7a9f40
```
#7a9f40 rgb(122,159,64)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#9f407a
```
#9f407a rgb(159,64,122)
```

Triadic Color

#409f65
```
#409f65 rgb(64,159,101)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#9f407a
```
#9f407a rgb(159,64,122)
```
#9f6540
```
#9f6540 rgb(159,101,64)
```

Tetradic Color

#2a5068
```
#2a5068 rgb(42,80,104)
```
#315e7b
```
#315e7b rgb(49,94,123)
```
#396c8d
```
#396c8d rgb(57,108,141)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#4788b1
```
#4788b1 rgb(71,136,177)
```
#5794bb
```
#5794bb rgb(87,148,187)
```
#69a0c3
```
#69a0c3 rgb(105,160,195)
```

Monochromatic Color

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

#40929f
```
#40929f rgb(64,146,159)
```
#408a9f
```
#408a9f rgb(64,138,159)
```
#40829f
```
#40829f rgb(64,130,159)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#40729f
```
#40729f rgb(64,114,159)
```
#406a9f
```
#406a9f rgb(64,106,159)
```
#40629f
```
#40629f rgb(64,98,159)
```

Similar Colors

Text with hexadecimal color #407a9f

This text has a font color of #407a9f.

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

#407a9f background color

This paragraph has a background color of #407a9f.

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

#407a9f border color

This element has a border color of #407a9f.

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

CSS codes

.text {color:#407a9f;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0d1921
```
#0d1921 rgb(13,25,33)
```
#13242f
```
#13242f rgb(19,36,47)
```
#192f3d
```
#192f3d rgb(25,47,61)
```
#1e3a4b
```
#1e3a4b rgb(30,58,75)
```
#244459
```
#244459 rgb(36,68,89)
```
#294f67
```
#294f67 rgb(41,79,103)
```
#2f5a75
```
#2f5a75 rgb(47,90,117)
```
#356583
```
#356583 rgb(53,101,131)
```
#3a6f91
```
#3a6f91 rgb(58,111,145)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#4685ad
```
#4685ad rgb(70,133,173)
```

Shade Color Variation

#4e8fb8
```
#4e8fb8 rgb(78,143,184)
```
#5c98be
```
#5c98be rgb(92,152,190)
```
#6aa1c3
```
#6aa1c3 rgb(106,161,195)
```
#78a9c9
```
#78a9c9 rgb(120,169,201)
```
#86b2ce
```
#86b2ce rgb(134,178,206)
```
#94bbd4
```
#94bbd4 rgb(148,187,212)
```
#a2c4da
```
#a2c4da rgb(162,196,218)
```
#b0cddf
```
#b0cddf rgb(176,205,223)
```
#bed6e5
```
#bed6e5 rgb(190,214,229)
```
#ccdfeb
```
#ccdfeb rgb(204,223,235)
```
#dae8f0
```
#dae8f0 rgb(218,232,240)
```
#e8f1f6
```
#e8f1f6 rgb(232,241,246)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#6b7174
```
#6b7174 rgb(107,113,116)
```
#62727d
```
#62727d rgb(98,114,125)
```
#5a7485
```
#5a7485 rgb(90,116,133)
```
#51768e
```
#51768e rgb(81,118,142)
```
#497896
```
#497896 rgb(73,120,150)
```
#407a9f
```
#407a9f rgb(64,122,159)
```
#377ca8
```
#377ca8 rgb(55,124,168)
```
#2f7eb0
```
#2f7eb0 rgb(47,126,176)
```
#2680b9
```
#2680b9 rgb(38,128,185)
```
#1e82c1
```
#1e82c1 rgb(30,130,193)
```
#1583ca
```
#1583ca rgb(21,131,202)
```
#0d85d2
```
#0d85d2 rgb(13,133,210)
```
#0487db
```
#0487db rgb(4,135,219)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#647077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707a9f Protanopia 1% of men
#6b7aa6 Deuteranopia 1% of men
#3e858e Tritanopia 0.001% of the population

Trichromacy

#5e7a9f Protanomaly 1% of men, 0.01% of women
#5b7aa3 Deuteranomaly 6% of men, 0.4% of women
#3e8194 Tritanomaly 0.01% of the population

#407a9f hex color

#407a9f Color Information

#407a9f Color Conversion

Color Schemes with #407a9f

Alternatives to #407a9f

#407a9f Preview

Shades and Tints of #407a9f

Tones of #407a9f

Color Blindness Simulator