#48a696 hex color

In a RGB color space, hex #48a696 is composed of 28.2% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 169.8 degrees, a saturation of 39.5% and a lightness of 46.7%. #48a696 color hex could be obtained by blending #90ffff with #004d2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 65
- B 59
RGB color chart
- C 57
- M 0
- Y 10
- K 35
CMYK color chart

● #48a696 color description : Dark moderate cyan.

The hexadecimal color #48a696 has RGB values of R:72, G:166, B:150 and CMYK values of C:0.57, M:0, Y:0.1, K:0.35. Its decimal value is 4761238.

Hex triplet	48a696	`#48a696`
RGB Decimal	72, 166, 150	`rgb(72,166,150)`
RGB Percent	28.2, 65.1, 58.8	`rgb(28.2%,65.1%,58.8%)`
CMYK	57, 0, 10, 35
HSL	169.8°, 39.5, 46.7	`hsl(169.8,39.5%,46.7%)`
HSV (or HSB)	169.8°, 56.6, 65.1
Web Safe	339999	`#339999`

CIE-LAB	62.381, -31.732, -0.09
XYZ	21.812, 30.85, 33.658
xyY	0.253, 0.357, 30.85
CIE-LCH	62.381, 31.732, 180.162
CIE-LUV	62.381, -39.604, 4.741
Hunter-Lab	55.543, -27.103, 2.952
Binary	01001000, 10100110, 10010110

#48a696
```
#48a696 rgb(72,166,150)
```
#a64858
```
#a64858 rgb(166,72,88)
```

Complementary Color

#48a667
```
#48a667 rgb(72,166,103)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#4887a6
```
#4887a6 rgb(72,135,166)
```

Analogous Color

#a66748
```
#a66748 rgb(166,103,72)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#a64887
```
#a64887 rgb(166,72,135)
```

Split Complementary Color

#a69648
```
#a69648 rgb(166,150,72)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#9648a6
```
#9648a6 rgb(150,72,166)
```

Triadic Color

#58a648
```
#58a648 rgb(88,166,72)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#9648a6
```
#9648a6 rgb(150,72,166)
```
#a64858
```
#a64858 rgb(166,72,88)
```

Tetradic Color

#317166
```
#317166 rgb(49,113,102)
```
#398276
```
#398276 rgb(57,130,118)
```
#409486
```
#409486 rgb(64,148,134)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#53b4a4
```
#53b4a4 rgb(83,180,164)
```
#65bcad
```
#65bcad rgb(101,188,173)
```
#77c4b7
```
#77c4b7 rgb(119,196,183)
```

Monochromatic Color

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

#48a67f
```
#48a67f rgb(72,166,127)
```
#48a686
```
#48a686 rgb(72,166,134)
```
#48a68e
```
#48a68e rgb(72,166,142)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#48a69e
```
#48a69e rgb(72,166,158)
```
#48a6a6
```
#48a6a6 rgb(72,166,166)
```
#489fa6
```
#489fa6 rgb(72,159,166)
```

Similar Colors

Text with hexadecimal color #48a696

This text has a font color of #48a696.

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

#48a696 background color

This paragraph has a background color of #48a696.

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

#48a696 border color

This element has a border color of #48a696.

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

CSS codes

.text {color:#48a696;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0d1d1a
```
#0d1d1a rgb(13,29,26)
```
#132b27
```
#132b27 rgb(19,43,39)
```
#193933
```
#193933 rgb(25,57,51)
```
#1e463f
```
#1e463f rgb(30,70,63)
```
#24544c
```
#24544c rgb(36,84,76)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#306f65
```
#306f65 rgb(48,111,101)
```
#367d71
```
#367d71 rgb(54,125,113)
```
#3c8b7d
```
#3c8b7d rgb(60,139,125)
```
#42988a
```
#42988a rgb(66,152,138)
```
#48a696
```
#48a696 rgb(72,166,150)
```

Shade Color Variation

#4fb3a2
```
#4fb3a2 rgb(79,179,162)
```
#5db9a9
```
#5db9a9 rgb(93,185,169)
```
#6abfb0
```
#6abfb0 rgb(106,191,176)
```
#78c4b7
```
#78c4b7 rgb(120,196,183)
```
#86cabf
```
#86cabf rgb(134,202,191)
```
#93d0c6
```
#93d0c6 rgb(147,208,198)
```
#a1d6cd
```
#a1d6cd rgb(161,214,205)
```
#afdcd4
```
#afdcd4 rgb(175,220,212)
```
#bce2dc
```
#bce2dc rgb(188,226,220)
```
#cae8e3
```
#cae8e3 rgb(202,232,227)
```
#d8eeea
```
#d8eeea rgb(216,238,234)
```
#e5f4f1
```
#e5f4f1 rgb(229,244,241)
```
#f3faf9
```
#f3faf9 rgb(243,250,249)
```

Tint Color Variation

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

#767878
```
#767878 rgb(118,120,120)
```
#6d817e
```
#6d817e rgb(109,129,126)
```
#638b84
```
#638b84 rgb(99,139,132)
```
#5a948a
```
#5a948a rgb(90,148,138)
```
#519d90
```
#519d90 rgb(81,157,144)
```
#48a696
```
#48a696 rgb(72,166,150)
```
#3faf9c
```
#3faf9c rgb(63,175,156)
```
#36b8a2
```
#36b8a2 rgb(54,184,162)
```
#2dc1a8
```
#2dc1a8 rgb(45,193,168)
```
#23cbae
```
#23cbae rgb(35,203,174)
```
#1ad4b4
```
#1ad4b4 rgb(26,212,180)
```
#11ddba
```
#11ddba rgb(17,221,186)
```
#08e6c0
```
#08e6c0 rgb(8,230,192)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b8e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09b93 Protanopia 1% of men
#a797a2 Deuteranopia 1% of men
#5ca7b3 Tritanopia 0.001% of the population

Trichromacy

#809f94 Protanomaly 1% of men, 0.01% of women
#859d9d Deuteranomaly 6% of men, 0.4% of women
#54a6a8 Tritanomaly 0.01% of the population

#48a696 hex color

#48a696 Color Information

#48a696 Color Conversion

Color Schemes with #48a696

Alternatives to #48a696

#48a696 Preview

Shades and Tints of #48a696

Tones of #48a696

Color Blindness Simulator