#408580 hex color

In a RGB color space, hex #408580 is composed of 25.1% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 175.7 degrees, a saturation of 35% and a lightness of 38.6%. #408580 color hex could be obtained by blending #80ffff with #000b01. Closest websafe color is: #339999.

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

● #408580 color description : Dark moderate cyan.

The hexadecimal color #408580 has RGB values of R:64, G:133, B:128 and CMYK values of C:0.52, M:0, Y:0.04, K:0.48. Its decimal value is 4228480.

Hex triplet	408580	`#408580`
RGB Decimal	64, 133, 128	`rgb(64,133,128)`
RGB Percent	25.1, 52.2, 50.2	`rgb(25.1%,52.2%,50.2%)`
CMYK	52, 0, 4, 48
HSL	175.7°, 35, 38.6	`hsl(175.7,35%,38.6%)`
HSV (or HSB)	175.7°, 51.9, 52.2
Web Safe	339999	`#339999`

CIE-LAB	51.178, -23.029, -3.993
XYZ	14.397, 19.423, 23.411
xyY	0.252, 0.339, 19.423
CIE-LCH	51.178, 23.372, 189.836
CIE-LUV	51.178, -29.718, -2.259
Hunter-Lab	44.071, -18.812, -0.646
Binary	01000000, 10000101, 10000000

#408580
```
#408580 rgb(64,133,128)
```
#854045
```
#854045 rgb(133,64,69)
```

Complementary Color

#40855e
```
#40855e rgb(64,133,94)
```
#408580
```
#408580 rgb(64,133,128)
```
#406885
```
#406885 rgb(64,104,133)
```

Analogous Color

#855e40
```
#855e40 rgb(133,94,64)
```
#408580
```
#408580 rgb(64,133,128)
```
#854068
```
#854068 rgb(133,64,104)
```

Split Complementary Color

#858040
```
#858040 rgb(133,128,64)
```
#408580
```
#408580 rgb(64,133,128)
```
#804085
```
#804085 rgb(128,64,133)
```

Triadic Color

#458540
```
#458540 rgb(69,133,64)
```
#408580
```
#408580 rgb(64,133,128)
```
#804085
```
#804085 rgb(128,64,133)
```
#854045
```
#854045 rgb(133,64,69)
```

Tetradic Color

#27514e
```
#27514e rgb(39,81,78)
```
#2f635f
```
#2f635f rgb(47,99,95)
```
#38746f
```
#38746f rgb(56,116,111)
```
#408580
```
#408580 rgb(64,133,128)
```
#489691
```
#489691 rgb(72,150,145)
```
#51a7a1
```
#51a7a1 rgb(81,167,161)
```
#5fb2ac
```
#5fb2ac rgb(95,178,172)
```

Monochromatic Color

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

#40856f
```
#40856f rgb(64,133,111)
```
#408575
```
#408575 rgb(64,133,117)
```
#40857a
```
#40857a rgb(64,133,122)
```
#408580
```
#408580 rgb(64,133,128)
```
#408485
```
#408485 rgb(64,132,133)
```
#407f85
```
#407f85 rgb(64,127,133)
```
#407985
```
#407985 rgb(64,121,133)
```

Similar Colors

Text with hexadecimal color #408580

This text has a font color of #408580.

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

#408580 background color

This paragraph has a background color of #408580.

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

#408580 border color

This element has a border color of #408580.

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

CSS codes

.text {color:#408580;}

.background {background-color:#408580;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0d
```
#070e0d rgb(7,14,13)
```
#0d1b1a
```
#0d1b1a rgb(13,27,26)
```
#132827
```
#132827 rgb(19,40,39)
```
#1a3634
```
#1a3634 rgb(26,54,52)
```
#204340
```
#204340 rgb(32,67,64)
```
#27504d
```
#27504d rgb(39,80,77)
```
#2d5d5a
```
#2d5d5a rgb(45,93,90)
```
#336b67
```
#336b67 rgb(51,107,103)
```
#3a7873
```
#3a7873 rgb(58,120,115)
```
#408580
```
#408580 rgb(64,133,128)
```
#46928d
```
#46928d rgb(70,146,141)
```
#4d9f99
```
#4d9f99 rgb(77,159,153)
```

Shade Color Variation

#53aca6
```
#53aca6 rgb(83,172,166)
```
#61b3ad
```
#61b3ad rgb(97,179,173)
```
#6eb9b4
```
#6eb9b4 rgb(110,185,180)
```
#7bc0bb
```
#7bc0bb rgb(123,192,187)
```
#88c6c1
```
#88c6c1 rgb(136,198,193)
```
#96ccc8
```
#96ccc8 rgb(150,204,200)
```
#a3d3cf
```
#a3d3cf rgb(163,211,207)
```
#b0d9d6
```
#b0d9d6 rgb(176,217,214)
```
#bddfdd
```
#bddfdd rgb(189,223,221)
```
#cbe6e4
```
#cbe6e4 rgb(203,230,228)
```
#d8eceb
```
#d8eceb rgb(216,236,235)
```
#e5f3f2
```
#e5f3f2 rgb(229,243,242)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```

Tint Color Variation

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

#5e6766
```
#5e6766 rgb(94,103,102)
```
#576e6d
```
#576e6d rgb(87,110,109)
```
#4f7673
```
#4f7673 rgb(79,118,115)
```
#487d7a
```
#487d7a rgb(72,125,122)
```
#408580
```
#408580 rgb(64,133,128)
```
#388d86
```
#388d86 rgb(56,141,134)
```
#31948d
```
#31948d rgb(49,148,141)
```
#299c93
```
#299c93 rgb(41,156,147)
```
#22a39a
```
#22a39a rgb(34,163,154)
```
#1aaba0
```
#1aaba0 rgb(26,171,160)
```
#13b2a7
```
#13b2a7 rgb(19,178,167)
```
#0bbaad
```
#0bbaad rgb(11,186,173)
```
#03c2b4
```
#03c2b4 rgb(3,194,180)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#667473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828080 Protanopia 1% of men
#877d8b Deuteranopia 1% of men
#4f8993 Tritanopia 0.001% of the population

Trichromacy

#6a8180 Protanomaly 1% of men, 0.01% of women
#6d8087 Deuteranomaly 6% of men, 0.4% of women
#49878c Tritanomaly 0.01% of the population

#408580 hex color

#408580 Color Information

#408580 Color Conversion

Color Schemes with #408580

Alternatives to #408580

#408580 Preview

Shades and Tints of #408580

Tones of #408580

Color Blindness Simulator