#488886 hex color

In a RGB color space, hex #488886 is composed of 28.2% red, 53.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 1.5% yellow and 46.7% black. It has a hue angle of 178.1 degrees, a saturation of 30.8% and a lightness of 40.8%. #488886 color hex could be obtained by blending #90ffff with #00110d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 53
- B 53
RGB color chart
- C 47
- M 0
- Y 1
- K 47
CMYK color chart

● #488886 color description : Dark moderate cyan.

The hexadecimal color #488886 has RGB values of R:72, G:136, B:134 and CMYK values of C:0.47, M:0, Y:0.01, K:0.47. Its decimal value is 4753542.

Hex triplet	488886	`#488886`
RGB Decimal	72, 136, 134	`rgb(72,136,134)`
RGB Percent	28.2, 53.3, 52.5	`rgb(28.2%,53.3%,52.5%)`
CMYK	47, 0, 1, 47
HSL	178.1°, 30.8, 40.8	`hsl(178.1,30.8%,40.8%)`
HSV (or HSB)	178.1°, 47.1, 53.3
Web Safe	339999	`#339999`

CIE-LAB	52.626, -21.007, -5.308
XYZ	15.779, 20.706, 25.718
xyY	0.254, 0.333, 20.706
CIE-LCH	52.626, 21.667, 194.182
CIE-LUV	52.626, -28.347, -4.459
Hunter-Lab	45.504, -17.738, -1.657
Binary	01001000, 10001000, 10000110

#488886
```
#488886 rgb(72,136,134)
```
#88484a
```
#88484a rgb(136,72,74)
```

Complementary Color

#488866
```
#488866 rgb(72,136,102)
```
#488886
```
#488886 rgb(72,136,134)
```
#486a88
```
#486a88 rgb(72,106,136)
```

Analogous Color

#886648
```
#886648 rgb(136,102,72)
```
#488886
```
#488886 rgb(72,136,134)
```
#88486a
```
#88486a rgb(136,72,106)
```

Split Complementary Color

#888648
```
#888648 rgb(136,134,72)
```
#488886
```
#488886 rgb(72,136,134)
```
#864888
```
#864888 rgb(134,72,136)
```

Triadic Color

#4a8848
```
#4a8848 rgb(74,136,72)
```
#488886
```
#488886 rgb(72,136,134)
```
#864888
```
#864888 rgb(134,72,136)
```
#88484a
```
#88484a rgb(136,72,74)
```

Tetradic Color

#2e5655
```
#2e5655 rgb(46,86,85)
```
#366765
```
#366765 rgb(54,103,101)
```
#3f7776
```
#3f7776 rgb(63,119,118)
```
#488886
```
#488886 rgb(72,136,134)
```
#519996
```
#519996 rgb(81,153,150)
```
#5ba8a6
```
#5ba8a6 rgb(91,168,166)
```
#6cb1af
```
#6cb1af rgb(108,177,175)
```

Monochromatic Color

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

#488876
```
#488876 rgb(72,136,118)
```
#48887b
```
#48887b rgb(72,136,123)
```
#488881
```
#488881 rgb(72,136,129)
```
#488886
```
#488886 rgb(72,136,134)
```
#488588
```
#488588 rgb(72,133,136)
```
#487f88
```
#487f88 rgb(72,127,136)
```
#487a88
```
#487a88 rgb(72,122,136)
```

Similar Colors

Text with hexadecimal color #488886

This text has a font color of #488886.

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

#488886 background color

This paragraph has a background color of #488886.

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

#488886 border color

This element has a border color of #488886.

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

CSS codes

.text {color:#488886;}

.background {background-color:#488886;}

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

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 #fafcfc is the lightest one.

#040808
```
#040808 rgb(4,8,8)
```
#0b1514
```
#0b1514 rgb(11,21,20)
```
#122121
```
#122121 rgb(18,33,33)
```
#182e2e
```
#182e2e rgb(24,46,46)
```
#1f3b3a
```
#1f3b3a rgb(31,59,58)
```
#264847
```
#264847 rgb(38,72,71)
```
#2d5553
```
#2d5553 rgb(45,85,83)
```
#346260
```
#346260 rgb(52,98,96)
```
#3a6e6d
```
#3a6e6d rgb(58,110,109)
```
#417b79
```
#417b79 rgb(65,123,121)
```
#488886
```
#488886 rgb(72,136,134)
```
#4f9593
```
#4f9593 rgb(79,149,147)
```
#56a29f
```
#56a29f rgb(86,162,159)
```

Shade Color Variation

#60aba8
```
#60aba8 rgb(96,171,168)
```
#6db2af
```
#6db2af rgb(109,178,175)
```
#7ab8b6
```
#7ab8b6 rgb(122,184,182)
```
#86bfbd
```
#86bfbd rgb(134,191,189)
```
#93c6c4
```
#93c6c4 rgb(147,198,196)
```
#a0cdcb
```
#a0cdcb rgb(160,205,203)
```
#add4d2
```
#add4d2 rgb(173,212,210)
```
#badad9
```
#badad9 rgb(186,218,217)
```
#c7e1e0
```
#c7e1e0 rgb(199,225,224)
```
#d3e8e7
```
#d3e8e7 rgb(211,232,231)
```
#e0efee
```
#e0efee rgb(224,239,238)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#607070
```
#607070 rgb(96,112,112)
```
#587877
```
#587877 rgb(88,120,119)
```
#50807f
```
#50807f rgb(80,128,127)
```
#488886
```
#488886 rgb(72,136,134)
```
#40908e
```
#40908e rgb(64,144,142)
```
#389895
```
#389895 rgb(56,152,149)
```
#30a09d
```
#30a09d rgb(48,160,157)
```
#28a8a4
```
#28a8a4 rgb(40,168,164)
```
#20b0ac
```
#20b0ac rgb(32,176,172)
```
#18b8b3
```
#18b8b3 rgb(24,184,179)
```
#10c0bb
```
#10c0bb rgb(16,192,187)
```
#08c8c2
```
#08c8c2 rgb(8,200,194)
```
#00d0ca
```
#00d0ca rgb(0,208,202)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6c7978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858386 Protanopia 1% of men
#8a8090 Deuteranopia 1% of men
#558c96 Tritanopia 0.001% of the population

Trichromacy

#6f8586 Protanomaly 1% of men, 0.01% of women
#72838c Deuteranomaly 6% of men, 0.4% of women
#508a90 Tritanomaly 0.01% of the population

#488886 hex color

#488886 Color Information

#488886 Color Conversion

Color Schemes with #488886

Alternatives to #488886

#488886 Preview

Shades and Tints of #488886

Tones of #488886

Color Blindness Simulator