#48f6ab hex color

In a RGB color space, hex #48f6ab is composed of 28.2% red, 96.5% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 0% magenta, 30.5% yellow and 3.5% black. It has a hue angle of 154.1 degrees, a saturation of 90.6% and a lightness of 62.4%. #48f6ab color hex could be obtained by blending #90ffff with #00ed57. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 96
- B 67
RGB color chart
- C 71
- M 0
- Y 30
- K 4
CMYK color chart

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

The hexadecimal color #48f6ab has RGB values of R:72, G:246, B:171 and CMYK values of C:0.71, M:0, Y:0.3, K:0.04. Its decimal value is 4781739.

Hex triplet	48f6ab	`#48f6ab`
RGB Decimal	72, 246, 171	`rgb(72,246,171)`
RGB Percent	28.2, 96.5, 67.1	`rgb(28.2%,96.5%,67.1%)`
CMYK	71, 0, 30, 4
HSL	154.1°, 90.6, 62.4	`hsl(154.1,90.6%,62.4%)`
HSV (or HSB)	154.1°, 70.7, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.107, -60.664, 23.661
XYZ	42.976, 70.225, 49.816
xyY	0.264, 0.431, 70.225
CIE-LCH	87.107, 65.114, 158.693
CIE-LUV	87.107, -67.779, 44.152
Hunter-Lab	83.801, -55.11, 23.415
Binary	01001000, 11110110, 10101011

#48f6ab
```
#48f6ab rgb(72,246,171)
```
#f64893
```
#f64893 rgb(246,72,147)
```

Complementary Color

#48f654
```
#48f654 rgb(72,246,84)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#48eaf6
```
#48eaf6 rgb(72,234,246)
```

Analogous Color

#f65448
```
#f65448 rgb(246,84,72)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#f648ea
```
#f648ea rgb(246,72,234)
```

Split Complementary Color

#f6ab48
```
#f6ab48 rgb(246,171,72)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#ab48f6
```
#ab48f6 rgb(171,72,246)
```

Triadic Color

#93f648
```
#93f648 rgb(147,246,72)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#ab48f6
```
#ab48f6 rgb(171,72,246)
```
#f64893
```
#f64893 rgb(246,72,147)
```

Tetradic Color

#0be688
```
#0be688 rgb(11,230,136)
```
#17f495
```
#17f495 rgb(23,244,149)
```
#30f5a0
```
#30f5a0 rgb(48,245,160)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#60f7b6
```
#60f7b6 rgb(96,247,182)
```
#79f8c1
```
#79f8c1 rgb(121,248,193)
```
#91facc
```
#91facc rgb(145,250,204)
```

Monochromatic Color

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

#48f680
```
#48f680 rgb(72,246,128)
```
#48f68e
```
#48f68e rgb(72,246,142)
```
#48f69d
```
#48f69d rgb(72,246,157)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#48f6ba
```
#48f6ba rgb(72,246,186)
```
#48f6c8
```
#48f6c8 rgb(72,246,200)
```
#48f6d7
```
#48f6d7 rgb(72,246,215)
```

Similar Colors

Text with hexadecimal color #48f6ab

This text has a font color of #48f6ab.

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

#48f6ab background color

This paragraph has a background color of #48f6ab.

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

#48f6ab border color

This element has a border color of #48f6ab.

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

CSS codes

.text {color:#48f6ab;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#01170d
```
#01170d rgb(1,23,13)
```
#022918
```
#022918 rgb(2,41,24)
```
#033c23
```
#033c23 rgb(3,60,35)
```
#044f2e
```
#044f2e rgb(4,79,46)
```
#05613a
```
#05613a rgb(5,97,58)
```
#067445
```
#067445 rgb(6,116,69)
```
#078750
```
#078750 rgb(7,135,80)
```
#089a5b
```
#089a5b rgb(8,154,91)
```
#08ac66
```
#08ac66 rgb(8,172,102)
```
#09bf71
```
#09bf71 rgb(9,191,113)
```
#0ad27c
```
#0ad27c rgb(10,210,124)
```
#0be487
```
#0be487 rgb(11,228,135)
```

Shade Color Variation

#10f391
```
#10f391 rgb(16,243,145)
```
#23f49a
```
#23f49a rgb(35,244,154)
```
#35f5a2
```
#35f5a2 rgb(53,245,162)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#5bf7b4
```
#5bf7b4 rgb(91,247,180)
```
#6df8bc
```
#6df8bc rgb(109,248,188)
```
#80f9c5
```
#80f9c5 rgb(128,249,197)
```
#93facd
```
#93facd rgb(147,250,205)
```
#a5fbd6
```
#a5fbd6 rgb(165,251,214)
```
#b8fcde
```
#b8fcde rgb(184,252,222)
```
#cbfce7
```
#cbfce7 rgb(203,252,231)
```
#defdf0
```
#defdf0 rgb(222,253,240)
```
#f0fef8
```
#f0fef8 rgb(240,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a5a0 is the less saturated color, while #41fdac is the most saturated one.

#99a5a0
```
#99a5a0 rgb(153,165,160)
```
#92aca1
```
#92aca1 rgb(146,172,161)
```
#8ab4a2
```
#8ab4a2 rgb(138,180,162)
```
#83bba3
```
#83bba3 rgb(131,187,163)
```
#7cc2a4
```
#7cc2a4 rgb(124,194,164)
```
#74caa5
```
#74caa5 rgb(116,202,165)
```
#6dd1a6
```
#6dd1a6 rgb(109,209,166)
```
#66d8a7
```
#66d8a7 rgb(102,216,167)
```
#5ee0a8
```
#5ee0a8 rgb(94,224,168)
```
#57e7a9
```
#57e7a9 rgb(87,231,169)
```
#4fefaa
```
#4fefaa rgb(79,239,170)
```
#48f6ab
```
#48f6ab rgb(72,246,171)
```
#41fdac
```
#41fdac rgb(65,253,172)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdba4 Protanopia 1% of men
#fcd4bb Deuteranopia 1% of men
#78ecfd Tritanopia 0.001% of the population

Trichromacy

#b0e5a6 Protanomaly 1% of men, 0.01% of women
#bae0b5 Deuteranomaly 6% of men, 0.4% of women
#67efdf Tritanomaly 0.01% of the population

#48f6ab hex color

#48f6ab Color Information

#48f6ab Color Conversion

Color Schemes with #48f6ab

Alternatives to #48f6ab

#48f6ab Preview

Shades and Tints of #48f6ab

Tones of #48f6ab

Color Blindness Simulator