#407c81 hex color

In a RGB color space, hex #407c81 is composed of 25.1% red, 48.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 3.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 184.6 degrees, a saturation of 33.7% and a lightness of 37.8%. #407c81 color hex could be obtained by blending #80f8ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 51
RGB color chart
- C 50
- M 4
- Y 0
- K 49
CMYK color chart

● #407c81 color description : Dark moderate cyan.

The hexadecimal color #407c81 has RGB values of R:64, G:124, B:129 and CMYK values of C:0.5, M:0.04, Y:0, K:0.49. Its decimal value is 4226177.

Hex triplet	407c81	`#407c81`
RGB Decimal	64, 124, 129	`rgb(64,124,129)`
RGB Percent	25.1, 48.6, 50.6	`rgb(25.1%,48.6%,50.6%)`
CMYK	50, 4, 0, 49
HSL	184.6°, 33.7, 37.8	`hsl(184.6,33.7%,37.8%)`
HSV (or HSB)	184.6°, 50.4, 50.6
Web Safe	336699	`#336699`

CIE-LAB	48.372, -17.994, -8.753
XYZ	13.283, 17.089, 23.366
xyY	0.247, 0.318, 17.089
CIE-LCH	48.372, 20.01, 205.94
CIE-LUV	48.372, -26.058, -9.811
Hunter-Lab	41.339, -14.987, -4.575
Binary	01000000, 01111100, 10000001

#407c81
```
#407c81 rgb(64,124,129)
```
#814540
```
#814540 rgb(129,69,64)
```

Complementary Color

#408166
```
#408166 rgb(64,129,102)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#405c81
```
#405c81 rgb(64,92,129)
```

Analogous Color

#816640
```
#816640 rgb(129,102,64)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#81405c
```
#81405c rgb(129,64,92)
```

Split Complementary Color

#7c8140
```
#7c8140 rgb(124,129,64)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#81407c
```
#81407c rgb(129,64,124)
```

Triadic Color

#408145
```
#408145 rgb(64,129,69)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#81407c
```
#81407c rgb(129,64,124)
```
#814540
```
#814540 rgb(129,69,64)
```

Tetradic Color

#274b4e
```
#274b4e rgb(39,75,78)
```
#2f5b5f
```
#2f5b5f rgb(47,91,95)
```
#386c70
```
#386c70 rgb(56,108,112)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#488c92
```
#488c92 rgb(72,140,146)
```
#519da3
```
#519da3 rgb(81,157,163)
```
#5ea9af
```
#5ea9af rgb(94,169,175)
```

Monochromatic Color

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

#408176
```
#408176 rgb(64,129,118)
```
#40817b
```
#40817b rgb(64,129,123)
```
#408181
```
#408181 rgb(64,129,129)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#407781
```
#407781 rgb(64,119,129)
```
#407181
```
#407181 rgb(64,113,129)
```
#406c81
```
#406c81 rgb(64,108,129)
```

Similar Colors

Text with hexadecimal color #407c81

This text has a font color of #407c81.

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

#407c81 background color

This paragraph has a background color of #407c81.

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

#407c81 border color

This element has a border color of #407c81.

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

CSS codes

.text {color:#407c81;}

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

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

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, #050b0b is the darkest color, while #fdfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0c1718
```
#0c1718 rgb(12,23,24)
```
#122425
```
#122425 rgb(18,36,37)
```
#193032
```
#193032 rgb(25,48,50)
```
#1f3d3f
```
#1f3d3f rgb(31,61,63)
```
#264a4d
```
#264a4d rgb(38,74,77)
```
#2c565a
```
#2c565a rgb(44,86,90)
```
#336367
```
#336367 rgb(51,99,103)
```
#396f74
```
#396f74 rgb(57,111,116)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#47898e
```
#47898e rgb(71,137,142)
```
#4d959b
```
#4d959b rgb(77,149,155)
```
#54a2a8
```
#54a2a8 rgb(84,162,168)
```

Shade Color Variation

#60aab0
```
#60aab0 rgb(96,170,176)
```
#6db1b6
```
#6db1b6 rgb(109,177,182)
```
#7ab8bd
```
#7ab8bd rgb(122,184,189)
```
#87bfc3
```
#87bfc3 rgb(135,191,195)
```
#94c6ca
```
#94c6ca rgb(148,198,202)
```
#a1cdd0
```
#a1cdd0 rgb(161,205,208)
```
#aed4d7
```
#aed4d7 rgb(174,212,215)
```
#bbdbdd
```
#bbdbdd rgb(187,219,221)
```
#c8e2e4
```
#c8e2e4 rgb(200,226,228)
```
#d6e9ea
```
#d6e9ea rgb(214,233,234)
```
#e3f0f1
```
#e3f0f1 rgb(227,240,241)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#5e6363
```
#5e6363 rgb(94,99,99)
```
#56696b
```
#56696b rgb(86,105,107)
```
#4f6f72
```
#4f6f72 rgb(79,111,114)
```
#47767a
```
#47767a rgb(71,118,122)
```
#407c81
```
#407c81 rgb(64,124,129)
```
#398288
```
#398288 rgb(57,130,136)
```
#318990
```
#318990 rgb(49,137,144)
```
#2a8f97
```
#2a8f97 rgb(42,143,151)
```
#22959f
```
#22959f rgb(34,149,159)
```
#1b9ba6
```
#1b9ba6 rgb(27,155,166)
```
#13a2ae
```
#13a2ae rgb(19,162,174)
```
#0ca8b5
```
#0ca8b5 rgb(12,168,181)
```
#05aebc
```
#05aebc rgb(5,174,188)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#626e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#797982 Protanopia 1% of men
#7c778b Deuteranopia 1% of men
#4b828b Tritanopia 0.001% of the population

Trichromacy

#647a81 Protanomaly 1% of men, 0.01% of women
#667987 Deuteranomaly 6% of men, 0.4% of women
#477f87 Tritanomaly 0.01% of the population

#407c81 hex color

#407c81 Color Information

#407c81 Color Conversion

Color Schemes with #407c81

Alternatives to #407c81

#407c81 Preview

Shades and Tints of #407c81

Tones of #407c81

Color Blindness Simulator