#488580 hex color

In a RGB color space, hex #488580 is composed of 28.2% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 175.1 degrees, a saturation of 29.8% and a lightness of 40.2%. #488580 color hex could be obtained by blending #90ffff with #000b01. Closest websafe color is: #339999.

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

● #488580 color description : Dark moderate cyan.

The hexadecimal color #488580 has RGB values of R:72, G:133, B:128 and CMYK values of C:0.46, M:0, Y:0.04, K:0.48. Its decimal value is 4752768.

Hex triplet	488580	`#488580`
RGB Decimal	72, 133, 128	`rgb(72,133,128)`
RGB Percent	28.2, 52.2, 50.2	`rgb(28.2%,52.2%,50.2%)`
CMYK	46, 0, 4, 48
HSL	175.1°, 29.8, 40.2	`hsl(175.1,29.8%,40.2%)`
HSV (or HSB)	175.1°, 45.9, 52.2
Web Safe	339999	`#339999`

CIE-LAB	51.508, -21.051, -3.468
XYZ	14.955, 19.71, 23.437
xyY	0.257, 0.339, 19.71
CIE-LCH	51.508, 21.335, 189.355
CIE-LUV	51.508, -27.319, -1.769
Hunter-Lab	44.396, -17.565, -0.222
Binary	01001000, 10000101, 10000000

#488580
```
#488580 rgb(72,133,128)
```
#85484d
```
#85484d rgb(133,72,77)
```

Complementary Color

#488562
```
#488562 rgb(72,133,98)
```
#488580
```
#488580 rgb(72,133,128)
```
#486c85
```
#486c85 rgb(72,108,133)
```

Analogous Color

#856248
```
#856248 rgb(133,98,72)
```
#488580
```
#488580 rgb(72,133,128)
```
#85486c
```
#85486c rgb(133,72,108)
```

Split Complementary Color

#858048
```
#858048 rgb(133,128,72)
```
#488580
```
#488580 rgb(72,133,128)
```
#804885
```
#804885 rgb(128,72,133)
```

Triadic Color

#4d8548
```
#4d8548 rgb(77,133,72)
```
#488580
```
#488580 rgb(72,133,128)
```
#804885
```
#804885 rgb(128,72,133)
```
#85484d
```
#85484d rgb(133,72,77)
```

Tetradic Color

#2d5350
```
#2d5350 rgb(45,83,80)
```
#366460
```
#366460 rgb(54,100,96)
```
#3f7470
```
#3f7470 rgb(63,116,112)
```
#488580
```
#488580 rgb(72,133,128)
```
#519690
```
#519690 rgb(81,150,144)
```
#5aa6a0
```
#5aa6a0 rgb(90,166,160)
```
#6bafa9
```
#6bafa9 rgb(107,175,169)
```

Monochromatic Color

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

#488571
```
#488571 rgb(72,133,113)
```
#488576
```
#488576 rgb(72,133,118)
```
#48857b
```
#48857b rgb(72,133,123)
```
#488580
```
#488580 rgb(72,133,128)
```
#488585
```
#488585 rgb(72,133,133)
```
#488085
```
#488085 rgb(72,128,133)
```
#487b85
```
#487b85 rgb(72,123,133)
```

Similar Colors

Text with hexadecimal color #488580

This text has a font color of #488580.

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

#488580 background color

This paragraph has a background color of #488580.

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

#488580 border color

This element has a border color of #488580.

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

CSS codes

.text {color:#488580;}

.background {background-color:#488580;}

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1212
```
#0a1212 rgb(10,18,18)
```
#111f1e
```
#111f1e rgb(17,31,30)
```
#182c2a
```
#182c2a rgb(24,44,42)
```
#1f3937
```
#1f3937 rgb(31,57,55)
```
#264543
```
#264543 rgb(38,69,67)
```
#2c524f
```
#2c524f rgb(44,82,79)
```
#335f5b
```
#335f5b rgb(51,95,91)
```
#3a6c68
```
#3a6c68 rgb(58,108,104)
```
#417874
```
#417874 rgb(65,120,116)
```
#488580
```
#488580 rgb(72,133,128)
```
#4f928c
```
#4f928c rgb(79,146,140)
```
#569e98
```
#569e98 rgb(86,158,152)
```

Shade Color Variation

#5fa9a3
```
#5fa9a3 rgb(95,169,163)
```
#6cafaa
```
#6cafaa rgb(108,175,170)
```
#79b6b1
```
#79b6b1 rgb(121,182,177)
```
#85bdb9
```
#85bdb9 rgb(133,189,185)
```
#92c4c0
```
#92c4c0 rgb(146,196,192)
```
#9fcbc7
```
#9fcbc7 rgb(159,203,199)
```
#acd2cf
```
#acd2cf rgb(172,210,207)
```
#b8d9d6
```
#b8d9d6 rgb(184,217,214)
```
#c5e0dd
```
#c5e0dd rgb(197,224,221)
```
#d2e7e5
```
#d2e7e5 rgb(210,231,229)
```
#dfedec
```
#dfedec rgb(223,237,236)
```
#ebf4f4
```
#ebf4f4 rgb(235,244,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#606d6c
```
#606d6c rgb(96,109,108)
```
#587573
```
#587573 rgb(88,117,115)
```
#507d79
```
#507d79 rgb(80,125,121)
```
#488580
```
#488580 rgb(72,133,128)
```
#408d87
```
#408d87 rgb(64,141,135)
```
#38958d
```
#38958d rgb(56,149,141)
```
#309d94
```
#309d94 rgb(48,157,148)
```
#28a59a
```
#28a59a rgb(40,165,154)
```
#21aca1
```
#21aca1 rgb(33,172,161)
```
#19b4a8
```
#19b4a8 rgb(25,180,168)
```
#11bcae
```
#11bcae rgb(17,188,174)
```
#09c4b5
```
#09c4b5 rgb(9,196,181)
```
#01ccbb
```
#01ccbb rgb(1,204,187)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6a7675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838181 Protanopia 1% of men
#897e8b Deuteranopia 1% of men
#568993 Tritanopia 0.001% of the population

Trichromacy

#6e8280 Protanomaly 1% of men, 0.01% of women
#718087 Deuteranomaly 6% of men, 0.4% of women
#51878c Tritanomaly 0.01% of the population

#488580 hex color

#488580 Color Information

#488580 Color Conversion

Color Schemes with #488580

Alternatives to #488580

#488580 Preview

Shades and Tints of #488580

Tones of #488580

Color Blindness Simulator