#407a80 hex color

In a RGB color space, hex #407a80 is composed of 25.1% red, 47.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 4.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 185.6 degrees, a saturation of 33.3% and a lightness of 37.6%. #407a80 color hex could be obtained by blending #80f4ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 50
RGB color chart
- C 50
- M 5
- Y 0
- K 50
CMYK color chart

● #407a80 color description : Dark moderate cyan.

The hexadecimal color #407a80 has RGB values of R:64, G:122, B:128 and CMYK values of C:0.5, M:0.05, Y:0, K:0.5. Its decimal value is 4225664.

Hex triplet	407a80	`#407a80`
RGB Decimal	64, 122, 128	`rgb(64,122,128)`
RGB Percent	25.1, 47.8, 50.2	`rgb(25.1%,47.8%,50.2%)`
CMYK	50, 5, 0, 50
HSL	185.6°, 33.3, 37.6	`hsl(185.6,33.3%,37.6%)`
HSV (or HSB)	185.6°, 50, 50.2
Web Safe	336699	`#336699`

CIE-LAB	47.709, -17.198, -9.155
XYZ	12.969, 16.567, 22.935
xyY	0.247, 0.316, 16.567
CIE-LCH	47.709, 19.484, 208.028
CIE-LUV	47.709, -25.286, -10.478
Hunter-Lab	40.702, -14.353, -4.918
Binary	01000000, 01111010, 10000000

#407a80
```
#407a80 rgb(64,122,128)
```
#804640
```
#804640 rgb(128,70,64)
```

Complementary Color

#408066
```
#408066 rgb(64,128,102)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#405a80
```
#405a80 rgb(64,90,128)
```

Analogous Color

#806640
```
#806640 rgb(128,102,64)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#80405a
```
#80405a rgb(128,64,90)
```

Split Complementary Color

#7a8040
```
#7a8040 rgb(122,128,64)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#80407a
```
#80407a rgb(128,64,122)
```

Triadic Color

#408046
```
#408046 rgb(64,128,70)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#80407a
```
#80407a rgb(128,64,122)
```
#804640
```
#804640 rgb(128,70,64)
```

Tetradic Color

#27494d
```
#27494d rgb(39,73,77)
```
#2f5a5e
```
#2f5a5e rgb(47,90,94)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#498a91
```
#498a91 rgb(73,138,145)
```
#519aa2
```
#519aa2 rgb(81,154,162)
```
#5ea7af
```
#5ea7af rgb(94,167,175)
```

Monochromatic Color

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

#408076
```
#408076 rgb(64,128,118)
```
#40807b
```
#40807b rgb(64,128,123)
```
#407f80
```
#407f80 rgb(64,127,128)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#407580
```
#407580 rgb(64,117,128)
```
#406f80
```
#406f80 rgb(64,111,128)
```
#406a80
```
#406a80 rgb(64,106,128)
```

Similar Colors

Text with hexadecimal color #407a80

This text has a font color of #407a80.

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

#407a80 background color

This paragraph has a background color of #407a80.

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

#407a80 border color

This element has a border color of #407a80.

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

CSS codes

.text {color:#407a80;}

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

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

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

#050a0a
```
#050a0a rgb(5,10,10)
```
#0c1617
```
#0c1617 rgb(12,22,23)
```
#122324
```
#122324 rgb(18,35,36)
```
#192f32
```
#192f32 rgb(25,47,50)
```
#1f3c3f
```
#1f3c3f rgb(31,60,63)
```
#26484c
```
#26484c rgb(38,72,76)
```
#2c5559
```
#2c5559 rgb(44,85,89)
```
#336166
```
#336166 rgb(51,97,102)
```
#396e73
```
#396e73 rgb(57,110,115)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#47868d
```
#47868d rgb(71,134,141)
```
#4d939a
```
#4d939a rgb(77,147,154)
```
#549fa7
```
#549fa7 rgb(84,159,167)
```

Shade Color Variation

#5fa8af
```
#5fa8af rgb(95,168,175)
```
#6cafb6
```
#6cafb6 rgb(108,175,182)
```
#79b6bc
```
#79b6bc rgb(121,182,188)
```
#87bdc3
```
#87bdc3 rgb(135,189,195)
```
#94c4c9
```
#94c4c9 rgb(148,196,201)
```
#a1cbd0
```
#a1cbd0 rgb(161,203,208)
```
#aed3d6
```
#aed3d6 rgb(174,211,214)
```
#bbdadd
```
#bbdadd rgb(187,218,221)
```
#c8e1e3
```
#c8e1e3 rgb(200,225,227)
```
#d5e8ea
```
#d5e8ea rgb(213,232,234)
```
#e2eff1
```
#e2eff1 rgb(226,239,241)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5e6262
```
#5e6262 rgb(94,98,98)
```
#56686a
```
#56686a rgb(86,104,106)
```
#4f6e71
```
#4f6e71 rgb(79,110,113)
```
#477479
```
#477479 rgb(71,116,121)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#398087
```
#398087 rgb(57,128,135)
```
#31868f
```
#31868f rgb(49,134,143)
```
#2a8c96
```
#2a8c96 rgb(42,140,150)
```
#22929e
```
#22929e rgb(34,146,158)
```
#1b98a5
```
#1b98a5 rgb(27,152,165)
```
#149eac
```
#149eac rgb(20,158,172)
```
#0ca4b4
```
#0ca4b4 rgb(12,164,180)
```
#05aabb
```
#05aabb rgb(5,170,187)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#616c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#777781 Protanopia 1% of men
#7a758a Deuteranopia 1% of men
#4b8089 Tritanopia 0.001% of the population

Trichromacy

#637880 Protanomaly 1% of men, 0.01% of women
#657786 Deuteranomaly 6% of men, 0.4% of women
#477e86 Tritanomaly 0.01% of the population

#407a80 hex color

#407a80 Color Information

#407a80 Color Conversion

Color Schemes with #407a80

Alternatives to #407a80

#407a80 Preview

Shades and Tints of #407a80

Tones of #407a80

Color Blindness Simulator