#488ca0 hex color

In a RGB color space, hex #488ca0 is composed of 28.2% red, 54.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 12.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 193.6 degrees, a saturation of 37.9% and a lightness of 45.5%. #488ca0 color hex could be obtained by blending #90ffff with #001941. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 55
- B 63
RGB color chart
- C 55
- M 13
- Y 0
- K 37
CMYK color chart

● #488ca0 color description : Dark moderate cyan.

The hexadecimal color #488ca0 has RGB values of R:72, G:140, B:160 and CMYK values of C:0.55, M:0.13, Y:0, K:0.37. Its decimal value is 4754592.

Hex triplet	488ca0	`#488ca0`
RGB Decimal	72, 140, 160	`rgb(72,140,160)`
RGB Percent	28.2, 54.9, 62.7	`rgb(28.2%,54.9%,62.7%)`
CMYK	55, 13, 0, 37
HSL	193.6°, 37.9, 45.5	`hsl(193.6,37.9%,45.5%)`
HSV (or HSB)	193.6°, 55, 62.7
Web Safe	339999	`#339999`

CIE-LAB	54.732, -15.665, -17.188
XYZ	18.394, 22.671, 36.662
xyY	0.237, 0.292, 22.671
CIE-LCH	54.732, 23.256, 227.655
CIE-LUV	54.732, -29.011, -23.318
Hunter-Lab	47.614, -14.366, -12.323
Binary	01001000, 10001100, 10100000

#488ca0
```
#488ca0 rgb(72,140,160)
```
#a05c48
```
#a05c48 rgb(160,92,72)
```

Complementary Color

#48a088
```
#48a088 rgb(72,160,136)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#4860a0
```
#4860a0 rgb(72,96,160)
```

Analogous Color

#a08848
```
#a08848 rgb(160,136,72)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#a04860
```
#a04860 rgb(160,72,96)
```

Split Complementary Color

#8ca048
```
#8ca048 rgb(140,160,72)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#a0488c
```
#a0488c rgb(160,72,140)
```

Triadic Color

#48a05c
```
#48a05c rgb(72,160,92)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#a0488c
```
#a0488c rgb(160,72,140)
```
#a05c48
```
#a05c48 rgb(160,92,72)
```

Tetradic Color

#305e6b
```
#305e6b rgb(48,94,107)
```
#386d7d
```
#386d7d rgb(56,109,125)
```
#407d8e
```
#407d8e rgb(64,125,142)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#519bb1
```
#519bb1 rgb(81,155,177)
```
#62a5b9
```
#62a5b9 rgb(98,165,185)
```
#74afc0
```
#74afc0 rgb(116,175,192)
```

Monochromatic Color

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

#48a09e
```
#48a09e rgb(72,160,158)
```
#489ba0
```
#489ba0 rgb(72,155,160)
```
#4893a0
```
#4893a0 rgb(72,147,160)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#4885a0
```
#4885a0 rgb(72,133,160)
```
#487da0
```
#487da0 rgb(72,125,160)
```
#4876a0
```
#4876a0 rgb(72,118,160)
```

Similar Colors

Text with hexadecimal color #488ca0

This text has a font color of #488ca0.

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

#488ca0 background color

This paragraph has a background color of #488ca0.

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

#488ca0 border color

This element has a border color of #488ca0.

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

CSS codes

.text {color:#488ca0;}

.background {background-color:#488ca0;}

.border {border:1px solid #488ca0;}

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1619
```
#0b1619 rgb(11,22,25)
```
#112126
```
#112126 rgb(17,33,38)
```
#172d34
```
#172d34 rgb(23,45,52)
```
#1d3941
```
#1d3941 rgb(29,57,65)
```
#23454f
```
#23454f rgb(35,69,79)
```
#2a515c
```
#2a515c rgb(42,81,92)
```
#305d6a
```
#305d6a rgb(48,93,106)
```
#366877
```
#366877 rgb(54,104,119)
```
#3c7485
```
#3c7485 rgb(60,116,133)
```
#428092
```
#428092 rgb(66,128,146)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#4e98ae
```
#4e98ae rgb(78,152,174)
```

Shade Color Variation

#5aa0b5
```
#5aa0b5 rgb(90,160,181)
```
#68a8bb
```
#68a8bb rgb(104,168,187)
```
#75b0c1
```
#75b0c1 rgb(117,176,193)
```
#83b8c7
```
#83b8c7 rgb(131,184,199)
```
#90bfcd
```
#90bfcd rgb(144,191,205)
```
#9ec7d3
```
#9ec7d3 rgb(158,199,211)
```
#abcfd9
```
#abcfd9 rgb(171,207,217)
```
#b9d7e0
```
#b9d7e0 rgb(185,215,224)
```
#c7dfe6
```
#c7dfe6 rgb(199,223,230)
```
#d4e6ec
```
#d4e6ec rgb(212,230,236)
```
#e2eef2
```
#e2eef2 rgb(226,238,242)
```
#eff6f8
```
#eff6f8 rgb(239,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6c797c
```
#6c797c rgb(108,121,124)
```
#637d85
```
#637d85 rgb(99,125,133)
```
#5a828e
```
#5a828e rgb(90,130,142)
```
#518797
```
#518797 rgb(81,135,151)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#3f91a9
```
#3f91a9 rgb(63,145,169)
```
#3696b2
```
#3696b2 rgb(54,150,178)
```
#2d9bbb
```
#2d9bbb rgb(45,155,187)
```
#249fc4
```
#249fc4 rgb(36,159,196)
```
#1ba4cd
```
#1ba4cd rgb(27,164,205)
```
#12a9d6
```
#12a9d6 rgb(18,169,214)
```
#0aaede
```
#0aaede rgb(10,174,222)
```
#01b3e7
```
#01b3e7 rgb(1,179,231)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#707e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84889f Protanopia 1% of men
#8486a9 Deuteranopia 1% of men
#4e939d Tritanopia 0.001% of the population

Trichromacy

#6e899f Protanomaly 1% of men, 0.01% of women
#6e88a5 Deuteranomaly 6% of men, 0.4% of women
#4b909e Tritanomaly 0.01% of the population

#488ca0 hex color

#488ca0 Color Information

#488ca0 Color Conversion

Color Schemes with #488ca0

Alternatives to #488ca0

#488ca0 Preview

Shades and Tints of #488ca0

Tones of #488ca0

Color Blindness Simulator