#407d78 hex color

In a RGB color space, hex #407d78 is composed of 25.1% red, 49% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 0% magenta, 4% yellow and 51% black. It has a hue angle of 175.1 degrees, a saturation of 32.3% and a lightness of 37.1%. #407d78 color hex could be obtained by blending #80faf0 with #000000. Closest websafe color is: #336666.

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

● #407d78 color description : Dark moderate cyan.

The hexadecimal color #407d78 has RGB values of R:64, G:125, B:120 and CMYK values of C:0.49, M:0, Y:0.04, K:0.51. Its decimal value is 4226424.

Hex triplet	407d78	`#407d78`
RGB Decimal	64, 125, 120	`rgb(64,125,120)`
RGB Percent	25.1, 49, 47.1	`rgb(25.1%,49%,47.1%)`
CMYK	49, 0, 4, 51
HSL	175.1°, 32.3, 37.1	`hsl(175.1,32.3%,37.1%)`
HSV (or HSB)	175.1°, 48.8, 49
Web Safe	336666	`#336666`

CIE-LAB	48.401, -21.057, -3.396
XYZ	12.837, 17.112, 20.395
xyY	0.255, 0.34, 17.112
CIE-LCH	48.401, 21.329, 189.161
CIE-LUV	48.401, -26.787, -1.657
Hunter-Lab	41.367, -17, -0.274
Binary	01000000, 01111101, 01111000

#407d78
```
#407d78 rgb(64,125,120)
```
#7d4045
```
#7d4045 rgb(125,64,69)
```

Complementary Color

#407d5a
```
#407d5a rgb(64,125,90)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#40647d
```
#40647d rgb(64,100,125)
```

Analogous Color

#7d5a40
```
#7d5a40 rgb(125,90,64)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#7d4064
```
#7d4064 rgb(125,64,100)
```

Split Complementary Color

#7d7840
```
#7d7840 rgb(125,120,64)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#78407d
```
#78407d rgb(120,64,125)
```

Triadic Color

#457d40
```
#457d40 rgb(69,125,64)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#78407d
```
#78407d rgb(120,64,125)
```
#7d4045
```
#7d4045 rgb(125,64,69)
```

Tetradic Color

#264a47
```
#264a47 rgb(38,74,71)
```
#2f5b58
```
#2f5b58 rgb(47,91,88)
```
#376c68
```
#376c68 rgb(55,108,104)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#498e88
```
#498e88 rgb(73,142,136)
```
#519f98
```
#519f98 rgb(81,159,152)
```
#5daca6
```
#5daca6 rgb(93,172,166)
```

Monochromatic Color

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

#407d69
```
#407d69 rgb(64,125,105)
```
#407d6e
```
#407d6e rgb(64,125,110)
```
#407d73
```
#407d73 rgb(64,125,115)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#407d7d
```
#407d7d rgb(64,125,125)
```
#40787d
```
#40787d rgb(64,120,125)
```
#40737d
```
#40737d rgb(64,115,125)
```

Similar Colors

Text with hexadecimal color #407d78

This text has a font color of #407d78.

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

#407d78 background color

This paragraph has a background color of #407d78.

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

#407d78 border color

This element has a border color of #407d78.

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

CSS codes

.text {color:#407d78;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1514
```
#0b1514 rgb(11,21,20)
```
#122221
```
#122221 rgb(18,34,33)
```
#182f2d
```
#182f2d rgb(24,47,45)
```
#1f3c3a
```
#1f3c3a rgb(31,60,58)
```
#254946
```
#254946 rgb(37,73,70)
```
#2c5653
```
#2c5653 rgb(44,86,83)
```
#33635f
```
#33635f rgb(51,99,95)
```
#39706c
```
#39706c rgb(57,112,108)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#478a84
```
#478a84 rgb(71,138,132)
```
#4d9791
```
#4d9791 rgb(77,151,145)
```
#54a49d
```
#54a49d rgb(84,164,157)
```

Shade Color Variation

#5fada6
```
#5fada6 rgb(95,173,166)
```
#6cb4ae
```
#6cb4ae rgb(108,180,174)
```
#79bab5
```
#79bab5 rgb(121,186,181)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#92c7c3
```
#92c7c3 rgb(146,199,195)
```
#9fceca
```
#9fceca rgb(159,206,202)
```
#acd5d1
```
#acd5d1 rgb(172,213,209)
```
#b9dbd9
```
#b9dbd9 rgb(185,219,217)
```
#c6e2e0
```
#c6e2e0 rgb(198,226,224)
```
#d3e9e7
```
#d3e9e7 rgb(211,233,231)
```
#e0efee
```
#e0efee rgb(224,239,238)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#5d6060
```
#5d6060 rgb(93,96,96)
```
#566766
```
#566766 rgb(86,103,102)
```
#4f6e6c
```
#4f6e6c rgb(79,110,108)
```
#477672
```
#477672 rgb(71,118,114)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#39847e
```
#39847e rgb(57,132,126)
```
#318c84
```
#318c84 rgb(49,140,132)
```
#2a938a
```
#2a938a rgb(42,147,138)
```
#239a90
```
#239a90 rgb(35,154,144)
```
#1ca196
```
#1ca196 rgb(28,161,150)
```
#14a99c
```
#14a99c rgb(20,169,156)
```
#0db0a3
```
#0db0a3 rgb(13,176,163)
```
#06b7a9
```
#06b7a9 rgb(6,183,169)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#626e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7979 Protanopia 1% of men
#817783 Deuteranopia 1% of men
#4e818b Tritanopia 0.001% of the population

Trichromacy

#667a79 Protanomaly 1% of men, 0.01% of women
#69797f Deuteranomaly 6% of men, 0.4% of women
#498084 Tritanomaly 0.01% of the population

#407d78 hex color

#407d78 Color Information

#407d78 Color Conversion

Color Schemes with #407d78

Alternatives to #407d78

#407d78 Preview

Shades and Tints of #407d78

Tones of #407d78

Color Blindness Simulator