#48ae9f hex color

In a RGB color space, hex #48ae9f is composed of 28.2% red, 68.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 0% magenta, 8.6% yellow and 31.8% black. It has a hue angle of 171.2 degrees, a saturation of 41.5% and a lightness of 48.2%. #48ae9f color hex could be obtained by blending #90ffff with #005d3f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 68
- B 62
RGB color chart
- C 59
- M 0
- Y 9
- K 32
CMYK color chart

● #48ae9f color description : Dark moderate cyan.

The hexadecimal color #48ae9f has RGB values of R:72, G:174, B:159 and CMYK values of C:0.59, M:0, Y:0.09, K:0.32. Its decimal value is 4763295.

Hex triplet	48ae9f	`#48ae9f`
RGB Decimal	72, 174, 159	`rgb(72,174,159)`
RGB Percent	28.2, 68.2, 62.4	`rgb(28.2%,68.2%,62.4%)`
CMYK	59, 0, 9, 32
HSL	171.2°, 41.5, 48.2	`hsl(171.2,41.5%,48.2%)`
HSV (or HSB)	171.2°, 58.6, 68.2
Web Safe	339999	`#339999`

CIE-LAB	65.082, -33.18, -1.166
XYZ	24.065, 34.151, 38.123
xyY	0.25, 0.354, 34.151
CIE-LCH	65.082, 33.201, 182.012
CIE-LUV	65.082, -42.227, 3.399
Hunter-Lab	58.439, -28.764, 2.229
Binary	01001000, 10101110, 10011111

#48ae9f
```
#48ae9f rgb(72,174,159)
```
#ae4857
```
#ae4857 rgb(174,72,87)
```

Complementary Color

#48ae6c
```
#48ae6c rgb(72,174,108)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#488aae
```
#488aae rgb(72,138,174)
```

Analogous Color

#ae6c48
```
#ae6c48 rgb(174,108,72)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#ae488a
```
#ae488a rgb(174,72,138)
```

Split Complementary Color

#ae9f48
```
#ae9f48 rgb(174,159,72)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#9f48ae
```
#9f48ae rgb(159,72,174)
```

Triadic Color

#57ae48
```
#57ae48 rgb(87,174,72)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#9f48ae
```
#9f48ae rgb(159,72,174)
```
#ae4857
```
#ae4857 rgb(174,72,87)
```

Tetradic Color

#32786e
```
#32786e rgb(50,120,110)
```
#398a7e
```
#398a7e rgb(57,138,126)
```
#419c8f
```
#419c8f rgb(65,156,143)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#56b9ab
```
#56b9ab rgb(86,185,171)
```
#68c1b4
```
#68c1b4 rgb(104,193,180)
```
#7ac8bd
```
#7ac8bd rgb(122,200,189)
```

Monochromatic Color

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

#48ae86
```
#48ae86 rgb(72,174,134)
```
#48ae8e
```
#48ae8e rgb(72,174,142)
```
#48ae97
```
#48ae97 rgb(72,174,151)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#48aea8
```
#48aea8 rgb(72,174,168)
```
#48acae
```
#48acae rgb(72,172,174)
```
#48a4ae
```
#48a4ae rgb(72,164,174)
```

Similar Colors

Text with hexadecimal color #48ae9f

This text has a font color of #48ae9f.

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

#48ae9f background color

This paragraph has a background color of #48ae9f.

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

#48ae9f border color

This element has a border color of #48ae9f.

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

CSS codes

.text {color:#48ae9f;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#091514
```
#091514 rgb(9,21,20)
```
#0f2320
```
#0f2320 rgb(15,35,32)
```
#14312d
```
#14312d rgb(20,49,45)
```
#1a3f3a
```
#1a3f3a rgb(26,63,58)
```
#204d46
```
#204d46 rgb(32,77,70)
```
#265b53
```
#265b53 rgb(38,91,83)
```
#2b6960
```
#2b6960 rgb(43,105,96)
```
#31776c
```
#31776c rgb(49,119,108)
```
#378479
```
#378479 rgb(55,132,121)
```
#3d9286
```
#3d9286 rgb(61,146,134)
```
#42a092
```
#42a092 rgb(66,160,146)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```

Shade Color Variation

#52b7a9
```
#52b7a9 rgb(82,183,169)
```
#60bdb0
```
#60bdb0 rgb(96,189,176)
```
#6ec3b6
```
#6ec3b6 rgb(110,195,182)
```
#7cc9bd
```
#7cc9bd rgb(124,201,189)
```
#8acec4
```
#8acec4 rgb(138,206,196)
```
#98d4cb
```
#98d4cb rgb(152,212,203)
```
#a5dad2
```
#a5dad2 rgb(165,218,210)
```
#b3e0d9
```
#b3e0d9 rgb(179,224,217)
```
#c1e5e0
```
#c1e5e0 rgb(193,229,224)
```
#cfebe7
```
#cfebe7 rgb(207,235,231)
```
#ddf1ee
```
#ddf1ee rgb(221,241,238)
```
#ebf7f5
```
#ebf7f5 rgb(235,247,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777f7e is the less saturated color, while #06f0ce is the most saturated one.

#777f7e
```
#777f7e rgb(119,127,126)
```
#6e8884
```
#6e8884 rgb(110,136,132)
```
#64928b
```
#64928b rgb(100,146,139)
```
#5b9b92
```
#5b9b92 rgb(91,155,146)
```
#51a598
```
#51a598 rgb(81,165,152)
```
#48ae9f
```
#48ae9f rgb(72,174,159)
```
#3fb7a6
```
#3fb7a6 rgb(63,183,166)
```
#35c1ac
```
#35c1ac rgb(53,193,172)
```
#2ccab3
```
#2ccab3 rgb(44,202,179)
```
#22d4ba
```
#22d4ba rgb(34,212,186)
```
#19ddc0
```
#19ddc0 rgb(25,221,192)
```
#0fe7c7
```
#0fe7c7 rgb(15,231,199)
```
#06f0ce
```
#06f0ce rgb(6,240,206)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#809491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29b Protanopia 1% of men
#ae9eaa Deuteranopia 1% of men
#5caebb Tritanopia 0.001% of the population

Trichromacy

#84a69c Protanomaly 1% of men, 0.01% of women
#89a4a6 Deuteranomaly 6% of men, 0.4% of women
#55aeb1 Tritanomaly 0.01% of the population

#48ae9f hex color

#48ae9f Color Information

#48ae9f Color Conversion

Color Schemes with #48ae9f

Alternatives to #48ae9f

#48ae9f Preview

Shades and Tints of #48ae9f

Tones of #48ae9f

Color Blindness Simulator