#407c9e hex color

In a RGB color space, hex #407c9e is composed of 25.1% red, 48.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 21.5% magenta, 0% yellow and 38% black. It has a hue angle of 201.7 degrees, a saturation of 42.3% and a lightness of 43.5%. #407c9e color hex could be obtained by blending #80f8ff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 62
RGB color chart
- C 59
- M 22
- Y 0
- K 38
CMYK color chart

● #407c9e color description : Dark moderate blue.

The hexadecimal color #407c9e has RGB values of R:64, G:124, B:158 and CMYK values of C:0.59, M:0.22, Y:0, K:0.38. Its decimal value is 4226206.

Hex triplet	407c9e	`#407c9e`
RGB Decimal	64, 124, 158	`rgb(64,124,158)`
RGB Percent	25.1, 48.6, 62	`rgb(25.1%,48.6%,62%)`
CMYK	59, 22, 0, 38
HSL	201.7°, 42.3, 43.5	`hsl(201.7,42.3%,43.5%)`
HSV (or HSB)	201.7°, 59.5, 62
Web Safe	336699	`#336699`

CIE-LAB	49.463, -9.045, -24.134
XYZ	15.492, 17.973, 34.999
xyY	0.226, 0.263, 17.973
CIE-LCH	49.463, 25.774, 249.456
CIE-LUV	49.463, -25.065, -34.507
Hunter-Lab	42.394, -8.962, -19.271
Binary	01000000, 01111100, 10011110

#407c9e
```
#407c9e rgb(64,124,158)
```
#9e6240
```
#9e6240 rgb(158,98,64)
```

Complementary Color

#409e91
```
#409e91 rgb(64,158,145)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#404d9e
```
#404d9e rgb(64,77,158)
```

Analogous Color

#9e9140
```
#9e9140 rgb(158,145,64)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#9e404d
```
#9e404d rgb(158,64,77)
```

Split Complementary Color

#7c9e40
```
#7c9e40 rgb(124,158,64)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#9e407c
```
#9e407c rgb(158,64,124)
```

Triadic Color

#409e62
```
#409e62 rgb(64,158,98)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#9e407c
```
#9e407c rgb(158,64,124)
```
#9e6240
```
#9e6240 rgb(158,98,64)
```

Tetradic Color

#2a5168
```
#2a5168 rgb(42,81,104)
```
#31607a
```
#31607a rgb(49,96,122)
```
#396e8c
```
#396e8c rgb(57,110,140)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#478ab0
```
#478ab0 rgb(71,138,176)
```
#5696bb
```
#5696bb rgb(86,150,187)
```
#68a2c2
```
#68a2c2 rgb(104,162,194)
```

Monochromatic Color

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

#40949e
```
#40949e rgb(64,148,158)
```
#408c9e
```
#408c9e rgb(64,140,158)
```
#40849e
```
#40849e rgb(64,132,158)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#40749e
```
#40749e rgb(64,116,158)
```
#406c9e
```
#406c9e rgb(64,108,158)
```
#40659e
```
#40659e rgb(64,101,158)
```

Similar Colors

Text with hexadecimal color #407c9e

This text has a font color of #407c9e.

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

#407c9e background color

This paragraph has a background color of #407c9e.

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

#407c9e border color

This element has a border color of #407c9e.

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

CSS codes

.text {color:#407c9e;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d1920
```
#0d1920 rgb(13,25,32)
```
#13242e
```
#13242e rgb(19,36,46)
```
#182f3c
```
#182f3c rgb(24,47,60)
```
#1e3a4a
```
#1e3a4a rgb(30,58,74)
```
#244558
```
#244558 rgb(36,69,88)
```
#295066
```
#295066 rgb(41,80,102)
```
#2f5b74
```
#2f5b74 rgb(47,91,116)
```
#356682
```
#356682 rgb(53,102,130)
```
#3a7190
```
#3a7190 rgb(58,113,144)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#4687ac
```
#4687ac rgb(70,135,172)
```

Shade Color Variation

#4e91b7
```
#4e91b7 rgb(78,145,183)
```
#5c9abd
```
#5c9abd rgb(92,154,189)
```
#6aa3c3
```
#6aa3c3 rgb(106,163,195)
```
#78abc8
```
#78abc8 rgb(120,171,200)
```
#86b4ce
```
#86b4ce rgb(134,180,206)
```
#94bcd4
```
#94bcd4 rgb(148,188,212)
```
#a2c5d9
```
#a2c5d9 rgb(162,197,217)
```
#b0cedf
```
#b0cedf rgb(176,206,223)
```
#bed6e5
```
#bed6e5 rgb(190,214,229)
```
#ccdfea
```
#ccdfea rgb(204,223,234)
```
#dae8f0
```
#dae8f0 rgb(218,232,240)
```
#e8f0f5
```
#e8f0f5 rgb(232,240,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#6b7073
```
#6b7073 rgb(107,112,115)
```
#62737c
```
#62737c rgb(98,115,124)
```
#5a7584
```
#5a7584 rgb(90,117,132)
```
#51778d
```
#51778d rgb(81,119,141)
```
#497a95
```
#497a95 rgb(73,122,149)
```
#407c9e
```
#407c9e rgb(64,124,158)
```
#377ea7
```
#377ea7 rgb(55,126,167)
```
#2f81af
```
#2f81af rgb(47,129,175)
```
#2683b8
```
#2683b8 rgb(38,131,184)
```
#1e85c0
```
#1e85c0 rgb(30,133,192)
```
#1588c9
```
#1588c9 rgb(21,136,201)
```
#0d8ad1
```
#0d8ad1 rgb(13,138,209)
```
#048dda
```
#048dda rgb(4,141,218)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#657178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727b9e Protanopia 1% of men
#6f7ba5 Deuteranopia 1% of men
#3f8690 Tritanopia 0.001% of the population

Trichromacy

#607b9e Protanomaly 1% of men, 0.01% of women
#5e7ba3 Deuteranomaly 6% of men, 0.4% of women
#3f8295 Tritanomaly 0.01% of the population

#407c9e hex color

#407c9e Color Information

#407c9e Color Conversion

Color Schemes with #407c9e

Alternatives to #407c9e

#407c9e Preview

Shades and Tints of #407c9e

Tones of #407c9e

Color Blindness Simulator