#48a199 hex color

In a RGB color space, hex #48a199 is composed of 28.2% red, 63.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 0% magenta, 5% yellow and 36.9% black. It has a hue angle of 174.6 degrees, a saturation of 38.2% and a lightness of 45.7%. #48a199 color hex could be obtained by blending #90ffff with #004333. 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

● #48a199 color description : Dark moderate cyan.

The hexadecimal color #48a199 has RGB values of R:72, G:161, B:153 and CMYK values of C:0.55, M:0, Y:0.05, K:0.37. Its decimal value is 4759961.

Hex triplet	48a199	`#48a199`
RGB Decimal	72, 161, 153	`rgb(72,161,153)`
RGB Percent	28.2, 63.1, 60	`rgb(28.2%,63.1%,60%)`
CMYK	55, 0, 5, 37
HSL	174.6°, 38.2, 45.7	`hsl(174.6,38.2%,45.7%)`
HSV (or HSB)	174.6°, 55.3, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.928, -28.522, -3.911
XYZ	21.165, 29.166, 34.649
xyY	0.249, 0.343, 29.166
CIE-LCH	60.928, 28.789, 187.808
CIE-LUV	60.928, -37.51, -1.4
Hunter-Lab	54.005, -24.553, -0.236
Binary	01001000, 10100001, 10011001

#48a199
```
#48a199 rgb(72,161,153)
```
#a14850
```
#a14850 rgb(161,72,80)
```

Complementary Color

#48a16d
```
#48a16d rgb(72,161,109)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#487da1
```
#487da1 rgb(72,125,161)
```

Analogous Color

#a16d48
```
#a16d48 rgb(161,109,72)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#a1487d
```
#a1487d rgb(161,72,125)
```

Split Complementary Color

#a19948
```
#a19948 rgb(161,153,72)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#9948a1
```
#9948a1 rgb(153,72,161)
```

Triadic Color

#50a148
```
#50a148 rgb(80,161,72)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#9948a1
```
#9948a1 rgb(153,72,161)
```
#a14850
```
#a14850 rgb(161,72,80)
```

Tetradic Color

#306c67
```
#306c67 rgb(48,108,103)
```
#387e78
```
#387e78 rgb(56,126,120)
```
#408f88
```
#408f88 rgb(64,143,136)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#51b1a9
```
#51b1a9 rgb(81,177,169)
```
#63b9b1
```
#63b9b1 rgb(99,185,177)
```
#74c1ba
```
#74c1ba rgb(116,193,186)
```

Monochromatic Color

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

#48a183
```
#48a183 rgb(72,161,131)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#48a192
```
#48a192 rgb(72,161,146)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#48a1a0
```
#48a1a0 rgb(72,161,160)
```
#489aa1
```
#489aa1 rgb(72,154,161)
```
#4893a1
```
#4893a1 rgb(72,147,161)
```

Similar Colors

Text with hexadecimal color #48a199

This text has a font color of #48a199.

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

#48a199 background color

This paragraph has a background color of #48a199.

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

#48a199 border color

This element has a border color of #48a199.

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

CSS codes

.text {color:#48a199;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1918
```
#0b1918 rgb(11,25,24)
```
#112725
```
#112725 rgb(17,39,37)
```
#183532
```
#183532 rgb(24,53,50)
```
#1e423f
```
#1e423f rgb(30,66,63)
```
#24504c
```
#24504c rgb(36,80,76)
```
#2a5d59
```
#2a5d59 rgb(42,93,89)
```
#306b65
```
#306b65 rgb(48,107,101)
```
#367872
```
#367872 rgb(54,120,114)
```
#3c867f
```
#3c867f rgb(60,134,127)
```
#42938c
```
#42938c rgb(66,147,140)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#4eafa6
```
#4eafa6 rgb(78,175,166)
```

Shade Color Variation

#5bb6ad
```
#5bb6ad rgb(91,182,173)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#76c2bb
```
#76c2bb rgb(118,194,187)
```
#83c8c2
```
#83c8c2 rgb(131,200,194)
```
#91cec8
```
#91cec8 rgb(145,206,200)
```
#9ed4cf
```
#9ed4cf rgb(158,212,207)
```
#acdad6
```
#acdad6 rgb(172,218,214)
```
#bae0dd
```
#bae0dd rgb(186,224,221)
```
#c7e6e3
```
#c7e6e3 rgb(199,230,227)
```
#d5ecea
```
#d5ecea rgb(213,236,234)
```
#e2f2f1
```
#e2f2f1 rgb(226,242,241)
```
#f0f8f7
```
#f0f8f7 rgb(240,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, #6c7d7c is the less saturated color, while #00e9d4 is the most saturated one.

#6c7d7c
```
#6c7d7c rgb(108,125,124)
```
#638683
```
#638683 rgb(99,134,131)
```
#5a8f8a
```
#5a8f8a rgb(90,143,138)
```
#519892
```
#519892 rgb(81,152,146)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#3faaa0
```
#3faaa0 rgb(63,170,160)
```
#36b3a8
```
#36b3a8 rgb(54,179,168)
```
#2dbcaf
```
#2dbcaf rgb(45,188,175)
```
#24c5b6
```
#24c5b6 rgb(36,197,182)
```
#1bcebe
```
#1bcebe rgb(27,206,190)
```
#12d7c5
```
#12d7c5 rgb(18,215,197)
```
#09e0cc
```
#09e0cc rgb(9,224,204)
```
#00e9d4
```
#00e9d4 rgb(0,233,212)
```

Tone Color Variation

Below, you can see how #48a199 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
#798b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9796 Protanopia 1% of men
#a194a4 Deuteranopia 1% of men
#59a3af Tritanopia 0.001% of the population

Trichromacy

#7d9b97 Protanomaly 1% of men, 0.01% of women
#8099a0 Deuteranomaly 6% of men, 0.4% of women
#52a2a7 Tritanomaly 0.01% of the population

#48a199 hex color

#48a199 Color Information

#48a199 Color Conversion

Color Schemes with #48a199

Alternatives to #48a199

#48a199 Preview

Shades and Tints of #48a199

Tones of #48a199

Color Blindness Simulator