#407774 hex color

In a RGB color space, hex #407774 is composed of 25.1% red, 46.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 2.5% yellow and 53.3% black. It has a hue angle of 176.7 degrees, a saturation of 30.1% and a lightness of 35.9%. #407774 color hex could be obtained by blending #80eee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 47
- B 45
RGB color chart
- C 46
- M 0
- Y 3
- K 53
CMYK color chart

● #407774 color description : Dark moderate cyan.

The hexadecimal color #407774 has RGB values of R:64, G:119, B:116 and CMYK values of C:0.46, M:0, Y:0.03, K:0.53. Its decimal value is 4224884.

Hex triplet	407774	`#407774`
RGB Decimal	64, 119, 116	`rgb(64,119,116)`
RGB Percent	25.1, 46.7, 45.5	`rgb(25.1%,46.7%,45.5%)`
CMYK	46, 0, 3, 53
HSL	176.7°, 30.1, 35.9	`hsl(176.7,30.1%,35.9%)`
HSV (or HSB)	176.7°, 46.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	46.37, -18.965, -4.025
XYZ	11.863, 15.544, 18.897
xyY	0.256, 0.336, 15.544
CIE-LCH	46.37, 19.388, 191.983
CIE-LUV	46.37, -24.455, -2.813
Hunter-Lab	39.426, -15.287, -0.82
Binary	01000000, 01110111, 01110100

#407774
```
#407774 rgb(64,119,116)
```
#774043
```
#774043 rgb(119,64,67)
```

Complementary Color

#407759
```
#407759 rgb(64,119,89)
```
#407774
```
#407774 rgb(64,119,116)
```
#405f77
```
#405f77 rgb(64,95,119)
```

Analogous Color

#775940
```
#775940 rgb(119,89,64)
```
#407774
```
#407774 rgb(64,119,116)
```
#77405f
```
#77405f rgb(119,64,95)
```

Split Complementary Color

#777440
```
#777440 rgb(119,116,64)
```
#407774
```
#407774 rgb(64,119,116)
```
#744077
```
#744077 rgb(116,64,119)
```

Triadic Color

#437740
```
#437740 rgb(67,119,64)
```
#407774
```
#407774 rgb(64,119,116)
```
#744077
```
#744077 rgb(116,64,119)
```
#774043
```
#774043 rgb(119,64,67)
```

Tetradic Color

#254544
```
#254544 rgb(37,69,68)
```
#2e5654
```
#2e5654 rgb(46,86,84)
```
#376664
```
#376664 rgb(55,102,100)
```
#407774
```
#407774 rgb(64,119,116)
```
#498884
```
#498884 rgb(73,136,132)
```
#529894
```
#529894 rgb(82,152,148)
```
#5ca7a3
```
#5ca7a3 rgb(92,167,163)
```

Monochromatic Color

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

#407766
```
#407766 rgb(64,119,102)
```
#40776b
```
#40776b rgb(64,119,107)
```
#40776f
```
#40776f rgb(64,119,111)
```
#407774
```
#407774 rgb(64,119,116)
```
#407577
```
#407577 rgb(64,117,119)
```
#407177
```
#407177 rgb(64,113,119)
```
#406c77
```
#406c77 rgb(64,108,119)
```

Similar Colors

Text with hexadecimal color #407774

This text has a font color of #407774.

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

#407774 background color

This paragraph has a background color of #407774.

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

#407774 border color

This element has a border color of #407774.

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

CSS codes

.text {color:#407774;}

.background {background-color:#407774;}

.border {border:1px solid #407774;}

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

#020404
```
#020404 rgb(2,4,4)
```
#091111
```
#091111 rgb(9,17,17)
```
#101e1d
```
#101e1d rgb(16,30,29)
```
#172a29
```
#172a29 rgb(23,42,41)
```
#1e3736
```
#1e3736 rgb(30,55,54)
```
#254442
```
#254442 rgb(37,68,66)
```
#2b514f
```
#2b514f rgb(43,81,79)
```
#325d5b
```
#325d5b rgb(50,93,91)
```
#396a68
```
#396a68 rgb(57,106,104)
```
#407774
```
#407774 rgb(64,119,116)
```
#478480
```
#478480 rgb(71,132,128)
```
#4e918d
```
#4e918d rgb(78,145,141)
```
#559d99
```
#559d99 rgb(85,157,153)
```

Shade Color Variation

#5da8a4
```
#5da8a4 rgb(93,168,164)
```
#6aafab
```
#6aafab rgb(106,175,171)
```
#77b6b2
```
#77b6b2 rgb(119,182,178)
```
#84bdba
```
#84bdba rgb(132,189,186)
```
#90c4c1
```
#90c4c1 rgb(144,196,193)
```
#9dcac8
```
#9dcac8 rgb(157,202,200)
```
#aad1cf
```
#aad1cf rgb(170,209,207)
```
#b7d8d6
```
#b7d8d6 rgb(183,216,214)
```
#c3dfdd
```
#c3dfdd rgb(195,223,221)
```
#d0e6e5
```
#d0e6e5 rgb(208,230,229)
```
#ddedec
```
#ddedec rgb(221,237,236)
```
#eaf4f3
```
#eaf4f3 rgb(234,244,243)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #556261 is the less saturated color, while #01b6ac is the most saturated one.

#556261
```
#556261 rgb(85,98,97)
```
#4e6967
```
#4e6967 rgb(78,105,103)
```
#47706e
```
#47706e rgb(71,112,110)
```
#407774
```
#407774 rgb(64,119,116)
```
#397e7a
```
#397e7a rgb(57,126,122)
```
#328581
```
#328581 rgb(50,133,129)
```
#2b8c87
```
#2b8c87 rgb(43,140,135)
```
#24938d
```
#24938d rgb(36,147,141)
```
#1d9a93
```
#1d9a93 rgb(29,154,147)
```
#16a19a
```
#16a19a rgb(22,161,154)
```
#0fa8a0
```
#0fa8a0 rgb(15,168,160)
```
#08afa6
```
#08afa6 rgb(8,175,166)
```
#01b6ac
```
#01b6ac rgb(1,182,172)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5e6969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777476 Protanopia 1% of men
#7b727f Deuteranopia 1% of men
#4d7c85 Tritanopia 0.001% of the population

Trichromacy

#637575 Protanomaly 1% of men, 0.01% of women
#65747b Deuteranomaly 6% of men, 0.4% of women
#487a7f Tritanomaly 0.01% of the population

#407774 hex color

#407774 Color Information

#407774 Color Conversion

Color Schemes with #407774

Alternatives to #407774

#407774 Preview

Shades and Tints of #407774

Tones of #407774

Color Blindness Simulator