#407c9f hex color

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

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

● #407c9f color description : Dark moderate blue.

The hexadecimal color #407c9f has RGB values of R:64, G:124, B:159 and CMYK values of C:0.6, M:0.22, Y:0, K:0.38. Its decimal value is 4226207.

Hex triplet	407c9f	`#407c9f`
RGB Decimal	64, 124, 159	`rgb(64,124,159)`
RGB Percent	25.1, 48.6, 62.4	`rgb(25.1%,48.6%,62.4%)`
CMYK	60, 22, 0, 38
HSL	202.1°, 42.6, 43.7	`hsl(202.1,42.6%,43.7%)`
HSV (or HSB)	202.1°, 59.7, 62.4
Web Safe	336699	`#336699`

CIE-LAB	49.505, -8.719, -24.654
XYZ	15.578, 18.007, 35.454
xyY	0.226, 0.261, 18.007
CIE-LCH	49.505, 26.15, 250.524
CIE-LUV	49.505, -25.033, -35.367
Hunter-Lab	42.435, -8.732, -19.831
Binary	01000000, 01111100, 10011111

#407c9f
```
#407c9f rgb(64,124,159)
```
#9f6340
```
#9f6340 rgb(159,99,64)
```

Complementary Color

#409f93
```
#409f93 rgb(64,159,147)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#404d9f
```
#404d9f rgb(64,77,159)
```

Analogous Color

#9f9340
```
#9f9340 rgb(159,147,64)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#9f404d
```
#9f404d rgb(159,64,77)
```

Split Complementary Color

#7c9f40
```
#7c9f40 rgb(124,159,64)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#9f407c
```
#9f407c rgb(159,64,124)
```

Triadic Color

#409f63
```
#409f63 rgb(64,159,99)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#9f407c
```
#9f407c rgb(159,64,124)
```
#9f6340
```
#9f6340 rgb(159,99,64)
```

Tetradic Color

#2a5168
```
#2a5168 rgb(42,81,104)
```
#31607b
```
#31607b rgb(49,96,123)
```
#396e8d
```
#396e8d rgb(57,110,141)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#478ab1
```
#478ab1 rgb(71,138,177)
```
#5796bb
```
#5796bb rgb(87,150,187)
```
#69a2c3
```
#69a2c3 rgb(105,162,195)
```

Monochromatic Color

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

#40949f
```
#40949f rgb(64,148,159)
```
#408c9f
```
#408c9f rgb(64,140,159)
```
#40849f
```
#40849f rgb(64,132,159)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#40749f
```
#40749f rgb(64,116,159)
```
#406c9f
```
#406c9f rgb(64,108,159)
```
#40649f
```
#40649f rgb(64,100,159)
```

Similar Colors

Text with hexadecimal color #407c9f

This text has a font color of #407c9f.

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

#407c9f background color

This paragraph has a background color of #407c9f.

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

#407c9f border color

This element has a border color of #407c9f.

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

CSS codes

.text {color:#407c9f;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0d1a21
```
#0d1a21 rgb(13,26,33)
```
#13252f
```
#13252f rgb(19,37,47)
```
#19303d
```
#19303d rgb(25,48,61)
```
#1e3b4b
```
#1e3b4b rgb(30,59,75)
```
#244559
```
#244559 rgb(36,69,89)
```
#295067
```
#295067 rgb(41,80,103)
```
#2f5b75
```
#2f5b75 rgb(47,91,117)
```
#356683
```
#356683 rgb(53,102,131)
```
#3a7191
```
#3a7191 rgb(58,113,145)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#4687ad
```
#4687ad rgb(70,135,173)
```

Shade Color Variation

#4e91b8
```
#4e91b8 rgb(78,145,184)
```
#5c9abe
```
#5c9abe rgb(92,154,190)
```
#6aa2c3
```
#6aa2c3 rgb(106,162,195)
```
#78abc9
```
#78abc9 rgb(120,171,201)
```
#86b4ce
```
#86b4ce rgb(134,180,206)
```
#94bdd4
```
#94bdd4 rgb(148,189,212)
```
#a2c5da
```
#a2c5da rgb(162,197,218)
```
#b0cedf
```
#b0cedf rgb(176,206,223)
```
#bed7e5
```
#bed7e5 rgb(190,215,229)
```
#ccdfeb
```
#ccdfeb rgb(204,223,235)
```
#dae8f0
```
#dae8f0 rgb(218,232,240)
```
#e8f1f6
```
#e8f1f6 rgb(232,241,246)
```
#f6fafb
```
#f6fafb rgb(246,250,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 #048cdb is the most saturated one.

#6b7174
```
#6b7174 rgb(107,113,116)
```
#62737d
```
#62737d rgb(98,115,125)
```
#5a7585
```
#5a7585 rgb(90,117,133)
```
#51778e
```
#51778e rgb(81,119,142)
```
#497a96
```
#497a96 rgb(73,122,150)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#377ea8
```
#377ea8 rgb(55,126,168)
```
#2f81b0
```
#2f81b0 rgb(47,129,176)
```
#2683b9
```
#2683b9 rgb(38,131,185)
```
#1e85c1
```
#1e85c1 rgb(30,133,193)
```
#1587ca
```
#1587ca rgb(21,135,202)
```
#0d8ad2
```
#0d8ad2 rgb(13,138,210)
```
#048cdb
```
#048cdb rgb(4,140,219)
```

Tone Color Variation

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

#727b9f Protanopia 1% of men
#6e7ba6 Deuteranopia 1% of men
#3f8690 Tritanopia 0.001% of the population

Trichromacy

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

#407c9f hex color

#407c9f Color Information

#407c9f Color Conversion

Color Schemes with #407c9f

Alternatives to #407c9f

#407c9f Preview

Shades and Tints of #407c9f

Tones of #407c9f

Color Blindness Simulator