#48a098 hex color

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

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

● #48a098 color description : Dark moderate cyan.

The hexadecimal color #48a098 has RGB values of R:72, G:160, B:152 and CMYK values of C:0.55, M:0, Y:0.05, K:0.37. Its decimal value is 4759704.

Hex triplet	48a098	`#48a098`
RGB Decimal	72, 160, 152	`rgb(72,160,152)`
RGB Percent	28.2, 62.7, 59.6	`rgb(28.2%,62.7%,59.6%)`
CMYK	55, 0, 5, 37
HSL	174.5°, 37.9, 45.5	`hsl(174.5,37.9%,45.5%)`
HSV (or HSB)	174.5°, 55, 62.7
Web Safe	339999	`#339999`

CIE-LAB	60.591, -28.3, -3.843
XYZ	20.909, 28.785, 34.158
xyY	0.249, 0.343, 28.785
CIE-LCH	60.591, 28.56, 187.733
CIE-LUV	60.591, -37.168, -1.329
Hunter-Lab	53.651, -24.325, -0.192
Binary	01001000, 10100000, 10011000

#48a098
```
#48a098 rgb(72,160,152)
```
#a04850
```
#a04850 rgb(160,72,80)
```

Complementary Color

#48a06c
```
#48a06c rgb(72,160,108)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#487ca0
```
#487ca0 rgb(72,124,160)
```

Analogous Color

#a06c48
```
#a06c48 rgb(160,108,72)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#a0487c
```
#a0487c rgb(160,72,124)
```

Split Complementary Color

#a09848
```
#a09848 rgb(160,152,72)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#9848a0
```
#9848a0 rgb(152,72,160)
```

Triadic Color

#50a048
```
#50a048 rgb(80,160,72)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#9848a0
```
#9848a0 rgb(152,72,160)
```
#a04850
```
#a04850 rgb(160,72,80)
```

Tetradic Color

#306b66
```
#306b66 rgb(48,107,102)
```
#387d77
```
#387d77 rgb(56,125,119)
```
#408e87
```
#408e87 rgb(64,142,135)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#51b1a8
```
#51b1a8 rgb(81,177,168)
```
#62b9b1
```
#62b9b1 rgb(98,185,177)
```
#74c0ba
```
#74c0ba rgb(116,192,186)
```

Monochromatic Color

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

#48a082
```
#48a082 rgb(72,160,130)
```
#48a089
```
#48a089 rgb(72,160,137)
```
#48a091
```
#48a091 rgb(72,160,145)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#48a09f
```
#48a09f rgb(72,160,159)
```
#4899a0
```
#4899a0 rgb(72,153,160)
```
#4892a0
```
#4892a0 rgb(72,146,160)
```

Similar Colors

Text with hexadecimal color #48a098

This text has a font color of #48a098.

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

#48a098 background color

This paragraph has a background color of #48a098.

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

#48a098 border color

This element has a border color of #48a098.

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

CSS codes

.text {color:#48a098;}

.background {background-color:#48a098;}

.border {border:1px solid #48a098;}

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

#050b0b
```
#050b0b rgb(5,11,11)
```
#0b1917
```
#0b1917 rgb(11,25,23)
```
#112624
```
#112624 rgb(17,38,36)
```
#173431
```
#173431 rgb(23,52,49)
```
#1d413e
```
#1d413e rgb(29,65,62)
```
#234f4b
```
#234f4b rgb(35,79,75)
```
#2a5c58
```
#2a5c58 rgb(42,92,88)
```
#306a65
```
#306a65 rgb(48,106,101)
```
#367771
```
#367771 rgb(54,119,113)
```
#3c857e
```
#3c857e rgb(60,133,126)
```
#42928b
```
#42928b rgb(66,146,139)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#4eaea5
```
#4eaea5 rgb(78,174,165)
```

Shade Color Variation

#5ab5ad
```
#5ab5ad rgb(90,181,173)
```
#68bbb3
```
#68bbb3 rgb(104,187,179)
```
#75c1ba
```
#75c1ba rgb(117,193,186)
```
#83c7c1
```
#83c7c1 rgb(131,199,193)
```
#90cdc8
```
#90cdc8 rgb(144,205,200)
```
#9ed3ce
```
#9ed3ce rgb(158,211,206)
```
#abd9d5
```
#abd9d5 rgb(171,217,213)
```
#b9e0dc
```
#b9e0dc rgb(185,224,220)
```
#c7e6e3
```
#c7e6e3 rgb(199,230,227)
```
#d4ecea
```
#d4ecea rgb(212,236,234)
```
#e2f2f0
```
#e2f2f0 rgb(226,242,240)
```
#eff8f7
```
#eff8f7 rgb(239,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6c7c7b
```
#6c7c7b rgb(108,124,123)
```
#638582
```
#638582 rgb(99,133,130)
```
#5a8e89
```
#5a8e89 rgb(90,142,137)
```
#519791
```
#519791 rgb(81,151,145)
```
#48a098
```
#48a098 rgb(72,160,152)
```
#3fa99f
```
#3fa99f rgb(63,169,159)
```
#36b2a7
```
#36b2a7 rgb(54,178,167)
```
#2dbbae
```
#2dbbae rgb(45,187,174)
```
#24c4b5
```
#24c4b5 rgb(36,196,181)
```
#1bcdbd
```
#1bcdbd rgb(27,205,189)
```
#12d6c4
```
#12d6c4 rgb(18,214,196)
```
#0adecb
```
#0adecb rgb(10,222,203)
```
#01e7d2
```
#01e7d2 rgb(1,231,210)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#798a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9795 Protanopia 1% of men
#a093a3 Deuteranopia 1% of men
#59a2ae Tritanopia 0.001% of the population

Trichromacy

#7c9a96 Protanomaly 1% of men, 0.01% of women
#80989f Deuteranomaly 6% of men, 0.4% of women
#52a1a6 Tritanomaly 0.01% of the population

#48a098 hex color

#48a098 Color Information

#48a098 Color Conversion

Color Schemes with #48a098

Alternatives to #48a098

#48a098 Preview

Shades and Tints of #48a098

Tones of #48a098

Color Blindness Simulator