#48f9a1 hex color

In a RGB color space, hex #48f9a1 is composed of 28.2% red, 97.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 0% magenta, 35.3% yellow and 2.4% black. It has a hue angle of 150.2 degrees, a saturation of 93.7% and a lightness of 62.9%. #48f9a1 color hex could be obtained by blending #90ffff with #00f343. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 98
- B 63
RGB color chart
- C 71
- M 0
- Y 35
- K 2
CMYK color chart

● #48f9a1 color description : Bright cyan - lime green.

The hexadecimal color #48f9a1 has RGB values of R:72, G:249, B:161 and CMYK values of C:0.71, M:0, Y:0.35, K:0.02. Its decimal value is 4782497.

Hex triplet	48f9a1	`#48f9a1`
RGB Decimal	72, 249, 161	`rgb(72,249,161)`
RGB Percent	28.2, 97.6, 63.1	`rgb(28.2%,97.6%,63.1%)`
CMYK	71, 0, 35, 2
HSL	150.2°, 93.7, 62.9	`hsl(150.2,93.7%,62.9%)`
HSV (or HSB)	150.2°, 71.1, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.823, -63.742, 29.71
XYZ	42.978, 71.698, 45.29
xyY	0.269, 0.448, 71.698
CIE-LCH	87.823, 70.326, 155.01
CIE-LUV	87.823, -69.397, 52.646
Hunter-Lab	84.675, -57.58, 27.56
Binary	01001000, 11111001, 10100001

#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#f948a0
```
#f948a0 rgb(249,72,160)
```

Complementary Color

#48f949
```
#48f949 rgb(72,249,73)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#48f9f9
```
#48f9f9 rgb(72,249,249)
```

Analogous Color

#f94848
```
#f94848 rgb(249,72,72)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#f948f9
```
#f948f9 rgb(249,72,249)
```

Split Complementary Color

#f9a148
```
#f9a148 rgb(249,161,72)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#a148f9
```
#a148f9 rgb(161,72,249)
```

Triadic Color

#a0f948
```
#a0f948 rgb(160,249,72)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#a148f9
```
#a148f9 rgb(161,72,249)
```
#f948a0
```
#f948a0 rgb(249,72,160)
```

Tetradic Color

#08ed7b
```
#08ed7b rgb(8,237,123)
```
#17f788
```
#17f788 rgb(23,247,136)
```
#2ff894
```
#2ff894 rgb(47,248,148)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#61faae
```
#61faae rgb(97,250,174)
```
#79fbba
```
#79fbba rgb(121,251,186)
```
#92fbc7
```
#92fbc7 rgb(146,251,199)
```

Monochromatic Color

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

#48f975
```
#48f975 rgb(72,249,117)
```
#48f984
```
#48f984 rgb(72,249,132)
```
#48f992
```
#48f992 rgb(72,249,146)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#48f9b0
```
#48f9b0 rgb(72,249,176)
```
#48f9bf
```
#48f9bf rgb(72,249,191)
```
#48f9cd
```
#48f9cd rgb(72,249,205)
```

Similar Colors

Text with hexadecimal color #48f9a1

This text has a font color of #48f9a1.

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

#48f9a1 background color

This paragraph has a background color of #48f9a1.

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

#48f9a1 border color

This element has a border color of #48f9a1.

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

CSS codes

.text {color:#48f9a1;}

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

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

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

#000704
```
#000704 rgb(0,7,4)
```
#011a0d
```
#011a0d rgb(1,26,13)
```
#012d17
```
#012d17 rgb(1,45,23)
```
#024021
```
#024021 rgb(2,64,33)
```
#03532b
```
#03532b rgb(3,83,43)
```
#036635
```
#036635 rgb(3,102,53)
```
#04793f
```
#04793f rgb(4,121,63)
```
#058c49
```
#058c49 rgb(5,140,73)
```
#059f52
```
#059f52 rgb(5,159,82)
```
#06b25c
```
#06b25c rgb(6,178,92)
```
#06c566
```
#06c566 rgb(6,197,102)
```
#07d870
```
#07d870 rgb(7,216,112)
```
#08eb7a
```
#08eb7a rgb(8,235,122)
```

Shade Color Variation

#0ff784
```
#0ff784 rgb(15,247,132)
```
#22f88d
```
#22f88d rgb(34,248,141)
```
#35f897
```
#35f897 rgb(53,248,151)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```
#5bfaab
```
#5bfaab rgb(91,250,171)
```
#6efab5
```
#6efab5 rgb(110,250,181)
```
#81fbbe
```
#81fbbe rgb(129,251,190)
```
#94fbc8
```
#94fbc8 rgb(148,251,200)
```
#a7fcd2
```
#a7fcd2 rgb(167,252,210)
```
#bafddc
```
#bafddc rgb(186,253,220)
```
#cdfde5
```
#cdfde5 rgb(205,253,229)
```
#e0feef
```
#e0feef rgb(224,254,239)
```
#f3fff9
```
#f3fff9 rgb(243,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa2a1 is the less saturated color, while #48f9a1 is the most saturated one.

#9fa2a1
```
#9fa2a1 rgb(159,162,161)
```
#98a9a1
```
#98a9a1 rgb(152,169,161)
```
#91b0a1
```
#91b0a1 rgb(145,176,161)
```
#89b8a1
```
#89b8a1 rgb(137,184,161)
```
#82bfa1
```
#82bfa1 rgb(130,191,161)
```
#7bc6a1
```
#7bc6a1 rgb(123,198,161)
```
#74cda1
```
#74cda1 rgb(116,205,161)
```
#6cd5a1
```
#6cd5a1 rgb(108,213,161)
```
#65dca1
```
#65dca1 rgb(101,220,161)
```
#5ee3a1
```
#5ee3a1 rgb(94,227,161)
```
#57eaa1
```
#57eaa1 rgb(87,234,161)
```
#4ff2a1
```
#4ff2a1 rgb(79,242,161)
```
#48f9a1
```
#48f9a1 rgb(72,249,161)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a3c7b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdd9a Protanopia 1% of men
#ffd6b6 Deuteranopia 1% of men
#7eedff Tritanopia 0.001% of the population

Trichromacy

#b2e79d Protanomaly 1% of men, 0.01% of women
#bce3ae Deuteranomaly 6% of men, 0.4% of women
#6af1dc Tritanomaly 0.01% of the population

#48f9a1 hex color

#48f9a1 Color Information

#48f9a1 Color Conversion

Color Schemes with #48f9a1

Alternatives to #48f9a1

#48f9a1 Preview

Shades and Tints of #48f9a1

Tones of #48f9a1

Color Blindness Simulator