#48bea5 hex color

In a RGB color space, hex #48bea5 is composed of 28.2% red, 74.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 13.2% yellow and 25.5% black. It has a hue angle of 167.3 degrees, a saturation of 47.6% and a lightness of 51.4%. #48bea5 color hex could be obtained by blending #90ffff with #007d4b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 75
- B 65
RGB color chart
- C 62
- M 0
- Y 13
- K 25
CMYK color chart

● #48bea5 color description : Moderate cyan.

The hexadecimal color #48bea5 has RGB values of R:72, G:190, B:165 and CMYK values of C:0.62, M:0, Y:0.13, K:0.25. Its decimal value is 4767397.

Hex triplet	48bea5	`#48bea5`
RGB Decimal	72, 190, 165	`rgb(72,190,165)`
RGB Percent	28.2, 74.5, 64.7	`rgb(28.2%,74.5%,64.7%)`
CMYK	62, 0, 13, 25
HSL	167.3°, 47.6, 51.4	`hsl(167.3,47.6%,51.4%)`
HSV (or HSB)	167.3°, 62.1, 74.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.119, -39.005, 2.865
XYZ	27.875, 40.919, 42.024
xyY	0.252, 0.369, 40.919
CIE-LCH	70.119, 39.11, 175.799
CIE-LUV	70.119, -47.953, 10.346
Hunter-Lab	63.968, -34.159, 5.826
Binary	01001000, 10111110, 10100101

#48bea5
```
#48bea5 rgb(72,190,165)
```
#be4861
```
#be4861 rgb(190,72,97)
```

Complementary Color

#48be6a
```
#48be6a rgb(72,190,106)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#489cbe
```
#489cbe rgb(72,156,190)
```

Analogous Color

#be6a48
```
#be6a48 rgb(190,106,72)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#be489c
```
#be489c rgb(190,72,156)
```

Split Complementary Color

#bea548
```
#bea548 rgb(190,165,72)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#a548be
```
#a548be rgb(165,72,190)
```

Triadic Color

#61be48
```
#61be48 rgb(97,190,72)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#a548be
```
#a548be rgb(165,72,190)
```
#be4861
```
#be4861 rgb(190,72,97)
```

Tetradic Color

#318976
```
#318976 rgb(49,137,118)
```
#379c86
```
#379c86 rgb(55,156,134)
```
#3eaf97
```
#3eaf97 rgb(62,175,151)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#5bc5ae
```
#5bc5ae rgb(91,197,174)
```
#6ecbb8
```
#6ecbb8 rgb(110,203,184)
```
#80d2c1
```
#80d2c1 rgb(128,210,193)
```

Monochromatic Color

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

#48be88
```
#48be88 rgb(72,190,136)
```
#48be91
```
#48be91 rgb(72,190,145)
```
#48be9b
```
#48be9b rgb(72,190,155)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#48beaf
```
#48beaf rgb(72,190,175)
```
#48beb9
```
#48beb9 rgb(72,190,185)
```
#48babe
```
#48babe rgb(72,186,190)
```

Similar Colors

Text with hexadecimal color #48bea5

This text has a font color of #48bea5.

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

#48bea5 background color

This paragraph has a background color of #48bea5.

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

#48bea5 border color

This element has a border color of #48bea5.

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

CSS codes

.text {color:#48bea5;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#071411
```
#071411 rgb(7,20,17)
```
#0c221d
```
#0c221d rgb(12,34,29)
```
#11312a
```
#11312a rgb(17,49,42)
```
#163f36
```
#163f36 rgb(22,63,54)
```
#1c4e43
```
#1c4e43 rgb(28,78,67)
```
#215c4f
```
#215c4f rgb(33,92,79)
```
#266a5c
```
#266a5c rgb(38,106,92)
```
#2b7968
```
#2b7968 rgb(43,121,104)
```
#308775
```
#308775 rgb(48,135,117)
```
#359681
```
#359681 rgb(53,150,129)
```
#3aa48e
```
#3aa48e rgb(58,164,142)
```
#40b39a
```
#40b39a rgb(64,179,154)
```

Shade Color Variation

#48bea5
```
#48bea5 rgb(72,190,165)
```
#56c3ac
```
#56c3ac rgb(86,195,172)
```
#65c8b3
```
#65c8b3 rgb(101,200,179)
```
#73cdba
```
#73cdba rgb(115,205,186)
```
#82d3c1
```
#82d3c1 rgb(130,211,193)
```
#90d8c9
```
#90d8c9 rgb(144,216,201)
```
#9fddd0
```
#9fddd0 rgb(159,221,208)
```
#ade2d7
```
#ade2d7 rgb(173,226,215)
```
#bce7de
```
#bce7de rgb(188,231,222)
```
#caece5
```
#caece5 rgb(202,236,229)
```
#d9f1ec
```
#d9f1ec rgb(217,241,236)
```
#e7f7f3
```
#e7f7f3 rgb(231,247,243)
```
#f6fcfa
```
#f6fcfa rgb(246,252,250)
```

Tint Color Variation

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

#818584
```
#818584 rgb(129,133,132)
```
#788e8a
```
#788e8a rgb(120,142,138)
```
#6e988f
```
#6e988f rgb(110,152,143)
```
#65a195
```
#65a195 rgb(101,161,149)
```
#5bab9a
```
#5bab9a rgb(91,171,154)
```
#52b4a0
```
#52b4a0 rgb(82,180,160)
```
#48bea5
```
#48bea5 rgb(72,190,165)
```
#3ec8aa
```
#3ec8aa rgb(62,200,170)
```
#35d1b0
```
#35d1b0 rgb(53,209,176)
```
#2bdbb5
```
#2bdbb5 rgb(43,219,181)
```
#22e4bb
```
#22e4bb rgb(34,228,187)
```
#18eec0
```
#18eec0 rgb(24,238,192)
```
#0ff7c6
```
#0ff7c6 rgb(15,247,198)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#88a09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6afa0 Protanopia 1% of men
#beaab1 Deuteranopia 1% of men
#61bcca Tritanopia 0.001% of the population

Trichromacy

#8eb4a2 Protanomaly 1% of men, 0.01% of women
#93b1ad Deuteranomaly 6% of men, 0.4% of women
#58bdbc Tritanomaly 0.01% of the population

#48bea5 hex color

#48bea5 Color Information

#48bea5 Color Conversion

Color Schemes with #48bea5

Alternatives to #48bea5

#48bea5 Preview

Shades and Tints of #48bea5

Tones of #48bea5

Color Blindness Simulator