#488498 hex color

In a RGB color space, hex #488498 is composed of 28.2% red, 51.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 13.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 195 degrees, a saturation of 35.7% and a lightness of 43.9%. #488498 color hex could be obtained by blending #90ffff with #000931. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 52
- B 60
RGB color chart
- C 53
- M 13
- Y 0
- K 40
CMYK color chart

● #488498 color description : Dark moderate cyan.

The hexadecimal color #488498 has RGB values of R:72, G:132, B:152 and CMYK values of C:0.53, M:0.13, Y:0, K:0.4. Its decimal value is 4752536.

Hex triplet	488498	`#488498`
RGB Decimal	72, 132, 152	`rgb(72,132,152)`
RGB Percent	28.2, 51.8, 59.6	`rgb(28.2%,51.8%,59.6%)`
CMYK	53, 13, 0, 40
HSL	195°, 35.7, 43.9	`hsl(195,35.7%,43.9%)`
HSV (or HSB)	195°, 52.6, 59.6
Web Safe	339999	`#339999`

CIE-LAB	52.002, -13.684, -16.715
XYZ	16.59, 20.146, 32.718
xyY	0.239, 0.29, 20.146
CIE-LCH	52.002, 21.602, 230.694
CIE-LUV	52.002, -26.15, -22.621
Hunter-Lab	44.885, -12.572, -11.8
Binary	01001000, 10000100, 10011000

#488498
```
#488498 rgb(72,132,152)
```
#985c48
```
#985c48 rgb(152,92,72)
```

Complementary Color

#489884
```
#489884 rgb(72,152,132)
```
#488498
```
#488498 rgb(72,132,152)
```
#485c98
```
#485c98 rgb(72,92,152)
```

Analogous Color

#988448
```
#988448 rgb(152,132,72)
```
#488498
```
#488498 rgb(72,132,152)
```
#98485c
```
#98485c rgb(152,72,92)
```

Split Complementary Color

#849848
```
#849848 rgb(132,152,72)
```
#488498
```
#488498 rgb(72,132,152)
```
#984884
```
#984884 rgb(152,72,132)
```

Triadic Color

#48985c
```
#48985c rgb(72,152,92)
```
#488498
```
#488498 rgb(72,132,152)
```
#984884
```
#984884 rgb(152,72,132)
```
#985c48
```
#985c48 rgb(152,92,72)
```

Tetradic Color

#2f5764
```
#2f5764 rgb(47,87,100)
```
#386675
```
#386675 rgb(56,102,117)
```
#407587
```
#407587 rgb(64,117,135)
```
#488498
```
#488498 rgb(72,132,152)
```
#5093a9
```
#5093a9 rgb(80,147,169)
```
#609eb3
```
#609eb3 rgb(96,158,179)
```
#71a9bc
```
#71a9bc rgb(113,169,188)
```

Monochromatic Color

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

#489898
```
#489898 rgb(72,152,152)
```
#489198
```
#489198 rgb(72,145,152)
```
#488b98
```
#488b98 rgb(72,139,152)
```
#488498
```
#488498 rgb(72,132,152)
```
#487d98
```
#487d98 rgb(72,125,152)
```
#487798
```
#487798 rgb(72,119,152)
```
#487098
```
#487098 rgb(72,112,152)
```

Similar Colors

Text with hexadecimal color #488498

This text has a font color of #488498.

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

#488498 background color

This paragraph has a background color of #488498.

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

#488498 border color

This element has a border color of #488498.

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

CSS codes

.text {color:#488498;}

.background {background-color:#488498;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091013
```
#091013 rgb(9,16,19)
```
#0f1c20
```
#0f1c20 rgb(15,28,32)
```
#16282e
```
#16282e rgb(22,40,46)
```
#1c333b
```
#1c333b rgb(28,51,59)
```
#223f48
```
#223f48 rgb(34,63,72)
```
#284a55
```
#284a55 rgb(40,74,85)
```
#2f5663
```
#2f5663 rgb(47,86,99)
```
#356170
```
#356170 rgb(53,97,112)
```
#3b6d7d
```
#3b6d7d rgb(59,109,125)
```
#42788b
```
#42788b rgb(66,120,139)
```
#488498
```
#488498 rgb(72,132,152)
```
#4e90a5
```
#4e90a5 rgb(78,144,165)
```

Shade Color Variation

#589ab0
```
#589ab0 rgb(88,154,176)
```
#65a2b6
```
#65a2b6 rgb(101,162,182)
```
#72aabc
```
#72aabc rgb(114,170,188)
```
#7fb2c3
```
#7fb2c3 rgb(127,178,195)
```
#8dbac9
```
#8dbac9 rgb(141,186,201)
```
#9ac2cf
```
#9ac2cf rgb(154,194,207)
```
#a7cad6
```
#a7cad6 rgb(167,202,214)
```
#b5d2dc
```
#b5d2dc rgb(181,210,220)
```
#c2dae2
```
#c2dae2 rgb(194,218,226)
```
#cfe2e8
```
#cfe2e8 rgb(207,226,232)
```
#ddeaef
```
#ddeaef rgb(221,234,239)
```
#eaf2f5
```
#eaf2f5 rgb(234,242,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#6a7376
```
#6a7376 rgb(106,115,118)
```
#62777e
```
#62777e rgb(98,119,126)
```
#597b87
```
#597b87 rgb(89,123,135)
```
#51808f
```
#51808f rgb(81,128,143)
```
#488498
```
#488498 rgb(72,132,152)
```
#3f88a1
```
#3f88a1 rgb(63,136,161)
```
#378da9
```
#378da9 rgb(55,141,169)
```
#2e91b2
```
#2e91b2 rgb(46,145,178)
```
#2695ba
```
#2695ba rgb(38,149,186)
```
#1d9ac3
```
#1d9ac3 rgb(29,154,195)
```
#149ecc
```
#149ecc rgb(20,158,204)
```
#0ca2d4
```
#0ca2d4 rgb(12,162,212)
```
#03a6dd
```
#03a6dd rgb(3,166,221)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6b777b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8198 Protanopia 1% of men
#7e80a1 Deuteranopia 1% of men
#4e8b95 Tritanopia 0.001% of the population

Trichromacy

#6a8298 Protanomaly 1% of men, 0.01% of women
#6a819d Deuteranomaly 6% of men, 0.4% of women
#4b8896 Tritanomaly 0.01% of the population

#488498 hex color

#488498 Color Information

#488498 Color Conversion

Color Schemes with #488498

Alternatives to #488498

#488498 Preview

Shades and Tints of #488498

Tones of #488498

Color Blindness Simulator