colorhexa.com

#407c89 hex color

In a RGB color space, hex #407c89 is composed of 25.1% red, 48.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 9.5% magenta, 0% yellow and 46.3% black. It has a hue angle of 190.7 degrees, a saturation of 36.3% and a lightness of 39.4%. #407c89 color hex could be obtained by blending #80f8ff with #000013. Closest websafe color is: #336699.

- R 25
- G 49
- B 54
RGB color chart
- C 53
- M 9
- Y 0
- K 46
CMYK color chart

● #407c89 color description : Dark moderate cyan.

The hexadecimal color #407c89 has RGB values of R:64, G:124, B:137 and CMYK values of C:0.53, M:0.09, Y:0, K:0.46. Its decimal value is 4226185.

Hex triplet	407c89	`#407c89`
RGB Decimal	64, 124, 137	`rgb(64,124,137)`
RGB Percent	25.1, 48.6, 53.7	`rgb(25.1%,48.6%,53.7%)`
CMYK	53, 9, 0, 46
HSL	190.7°, 36.3, 39.4	`hsl(190.7,36.3%,39.4%)`
HSV (or HSB)	190.7°, 53.3, 53.7
Web Safe	336699	`#336699`

CIE-LAB	48.649, -15.635, -13.056
XYZ	13.836, 17.311, 26.278
xyY	0.241, 0.301, 17.311
CIE-LCH	48.649, 20.37, 219.864
CIE-LUV	48.649, -25.776, -16.537
Hunter-Lab	41.606, -13.45, -8.323
Binary	01000000, 01111100, 10001001

#407c89
```
#407c89 rgb(64,124,137)
```
#894d40
```
#894d40 rgb(137,77,64)
```

Complementary Color

#408972
```
#408972 rgb(64,137,114)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#405889
```
#405889 rgb(64,88,137)
```

Analogous Color

#897240
```
#897240 rgb(137,114,64)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#894058
```
#894058 rgb(137,64,88)
```

Split Complementary Color

#7c8940
```
#7c8940 rgb(124,137,64)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#89407c
```
#89407c rgb(137,64,124)
```

Triadic Color

#40894d
```
#40894d rgb(64,137,77)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#89407c
```
#89407c rgb(137,64,124)
```
#894d40
```
#894d40 rgb(137,77,64)
```

Tetradic Color

#284d55
```
#284d55 rgb(40,77,85)
```
#305d66
```
#305d66 rgb(48,93,102)
```
#386c78
```
#386c78 rgb(56,108,120)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#488c9a
```
#488c9a rgb(72,140,154)
```
#509bac
```
#509bac rgb(80,155,172)
```
#61a6b5
```
#61a6b5 rgb(97,166,181)
```

Monochromatic Color

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

#408984
```
#408984 rgb(64,137,132)
```
#408889
```
#408889 rgb(64,136,137)
```
#408289
```
#408289 rgb(64,130,137)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#407689
```
#407689 rgb(64,118,137)
```
#407089
```
#407089 rgb(64,112,137)
```
#406a89
```
#406a89 rgb(64,106,137)
```

Similar Colors

Text with hexadecimal color #407c89

This text has a font color of #407c89.

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

#407c89 background color

This paragraph has a background color of #407c89.

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

#407c89 border color

This element has a border color of #407c89.

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

CSS codes

.text {color:#407c89;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1b1e
```
#0e1b1e rgb(14,27,30)
```
#14272b
```
#14272b rgb(20,39,43)
```
#1b3339
```
#1b3339 rgb(27,51,57)
```
#213f46
```
#213f46 rgb(33,63,70)
```
#274c54
```
#274c54 rgb(39,76,84)
```
#2d5861
```
#2d5861 rgb(45,88,97)
```
#34646e
```
#34646e rgb(52,100,110)
```
#3a707c
```
#3a707c rgb(58,112,124)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#468896
```
#468896 rgb(70,136,150)
```
#4c94a4
```
#4c94a4 rgb(76,148,164)
```

Shade Color Variation

#549faf
```
#549faf rgb(84,159,175)
```
#62a7b6
```
#62a7b6 rgb(98,167,182)
```
#6faebc
```
#6faebc rgb(111,174,188)
```
#7db6c2
```
#7db6c2 rgb(125,182,194)
```
#8abdc8
```
#8abdc8 rgb(138,189,200)
```
#97c5cf
```
#97c5cf rgb(151,197,207)
```
#a5ccd5
```
#a5ccd5 rgb(165,204,213)
```
#b2d4db
```
#b2d4db rgb(178,212,219)
```
#bfdbe1
```
#bfdbe1 rgb(191,219,225)
```
#cde3e8
```
#cde3e8 rgb(205,227,232)
```
#daeaee
```
#daeaee rgb(218,234,238)
```
#e8f2f4
```
#e8f2f4 rgb(232,242,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f686a is the less saturated color, while #02a4c7 is the most saturated one.

#5f686a
```
#5f686a rgb(95,104,106)
```
#576d72
```
#576d72 rgb(87,109,114)
```
#4f727a
```
#4f727a rgb(79,114,122)
```
#487781
```
#487781 rgb(72,119,129)
```
#407c89
```
#407c89 rgb(64,124,137)
```
#388191
```
#388191 rgb(56,129,145)
```
#318698
```
#318698 rgb(49,134,152)
```
#298ba0
```
#298ba0 rgb(41,139,160)
```
#2190a8
```
#2190a8 rgb(33,144,168)
```
#1995b0
```
#1995b0 rgb(25,149,176)
```
#129ab7
```
#129ab7 rgb(18,154,183)
```
#0a9fbf
```
#0a9fbf rgb(10,159,191)
```
#02a4c7
```
#02a4c7 rgb(2,164,199)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#636f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787989 Protanopia 1% of men
#797892 Deuteranopia 1% of men
#48838c Tritanopia 0.001% of the population

Trichromacy

#637a89 Protanomaly 1% of men, 0.01% of women
#64798f Deuteranomaly 6% of men, 0.4% of women
#45808b Tritanomaly 0.01% of the population