#48f6af hex color

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

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

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

The hexadecimal color #48f6af has RGB values of R:72, G:246, B:175 and CMYK values of C:0.71, M:0, Y:0.29, K:0.04. Its decimal value is 4781743.

Hex triplet	48f6af	`#48f6af`
RGB Decimal	72, 246, 175	`rgb(72,246,175)`
RGB Percent	28.2, 96.5, 68.6	`rgb(28.2%,96.5%,68.6%)`
CMYK	71, 0, 29, 4
HSL	155.5°, 90.6, 62.4	`hsl(155.5,90.6%,62.4%)`
HSV (or HSB)	155.5°, 70.7, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.183, -59.841, 21.717
XYZ	43.363, 70.38, 51.855
xyY	0.262, 0.425, 70.38
CIE-LCH	87.183, 63.66, 160.054
CIE-LUV	87.183, -67.539, 41.404
Hunter-Lab	83.893, -54.549, 22.078
Binary	01001000, 11110110, 10101111

#48f6af
```
#48f6af rgb(72,246,175)
```
#f6488f
```
#f6488f rgb(246,72,143)
```

Complementary Color

#48f658
```
#48f658 rgb(72,246,88)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#48e6f6
```
#48e6f6 rgb(72,230,246)
```

Analogous Color

#f65848
```
#f65848 rgb(246,88,72)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#f648e6
```
#f648e6 rgb(246,72,230)
```

Split Complementary Color

#f6af48
```
#f6af48 rgb(246,175,72)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#af48f6
```
#af48f6 rgb(175,72,246)
```

Triadic Color

#8ff648
```
#8ff648 rgb(143,246,72)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#af48f6
```
#af48f6 rgb(175,72,246)
```
#f6488f
```
#f6488f rgb(246,72,143)
```

Tetradic Color

#0be68d
```
#0be68d rgb(11,230,141)
```
#17f49a
```
#17f49a rgb(23,244,154)
```
#30f5a4
```
#30f5a4 rgb(48,245,164)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#60f7ba
```
#60f7ba rgb(96,247,186)
```
#79f8c4
```
#79f8c4 rgb(121,248,196)
```
#91facf
```
#91facf rgb(145,250,207)
```

Monochromatic Color

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

#48f684
```
#48f684 rgb(72,246,132)
```
#48f692
```
#48f692 rgb(72,246,146)
```
#48f6a1
```
#48f6a1 rgb(72,246,161)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#48f6be
```
#48f6be rgb(72,246,190)
```
#48f6cc
```
#48f6cc rgb(72,246,204)
```
#48f6db
```
#48f6db rgb(72,246,219)
```

Similar Colors

Text with hexadecimal color #48f6af

This text has a font color of #48f6af.

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

#48f6af background color

This paragraph has a background color of #48f6af.

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

#48f6af border color

This element has a border color of #48f6af.

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

CSS codes

.text {color:#48f6af;}

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

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

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 #f0fef9 is the lightest one.

#000402
```
#000402 rgb(0,4,2)
```
#01170e
```
#01170e rgb(1,23,14)
```
#022919
```
#022919 rgb(2,41,25)
```
#033c25
```
#033c25 rgb(3,60,37)
```
#044f30
```
#044f30 rgb(4,79,48)
```
#05613c
```
#05613c rgb(5,97,60)
```
#067447
```
#067447 rgb(6,116,71)
```
#078753
```
#078753 rgb(7,135,83)
```
#089a5e
```
#089a5e rgb(8,154,94)
```
#08ac69
```
#08ac69 rgb(8,172,105)
```
#09bf75
```
#09bf75 rgb(9,191,117)
```
#0ad280
```
#0ad280 rgb(10,210,128)
```
#0be48c
```
#0be48c rgb(11,228,140)
```

Shade Color Variation

#10f396
```
#10f396 rgb(16,243,150)
```
#23f49f
```
#23f49f rgb(35,244,159)
```
#35f5a7
```
#35f5a7 rgb(53,245,167)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#5bf7b7
```
#5bf7b7 rgb(91,247,183)
```
#6df8bf
```
#6df8bf rgb(109,248,191)
```
#80f9c8
```
#80f9c8 rgb(128,249,200)
```
#93fad0
```
#93fad0 rgb(147,250,208)
```
#a5fbd8
```
#a5fbd8 rgb(165,251,216)
```
#b8fce0
```
#b8fce0 rgb(184,252,224)
```
#cbfce8
```
#cbfce8 rgb(203,252,232)
```
#defdf0
```
#defdf0 rgb(222,253,240)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

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

#99a5a0
```
#99a5a0 rgb(153,165,160)
```
#92aca1
```
#92aca1 rgb(146,172,161)
```
#8ab4a3
```
#8ab4a3 rgb(138,180,163)
```
#83bba4
```
#83bba4 rgb(131,187,164)
```
#7cc2a5
```
#7cc2a5 rgb(124,194,165)
```
#74caa7
```
#74caa7 rgb(116,202,167)
```
#6dd1a8
```
#6dd1a8 rgb(109,209,168)
```
#66d8aa
```
#66d8aa rgb(102,216,170)
```
#5ee0ab
```
#5ee0ab rgb(94,224,171)
```
#57e7ac
```
#57e7ac rgb(87,231,172)
```
#4fefae
```
#4fefae rgb(79,239,174)
```
#48f6af
```
#48f6af rgb(72,246,175)
```
#41fdb0
```
#41fdb0 rgb(65,253,176)
```

Tone Color Variation

Below, you can see how #48f6af 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
#a3c6b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdba7 Protanopia 1% of men
#fbd4be Deuteranopia 1% of men
#77ecfd Tritanopia 0.001% of the population

Trichromacy

#b0e5aa Protanomaly 1% of men, 0.01% of women
#bae0b9 Deuteranomaly 6% of men, 0.4% of women
#66f0e1 Tritanomaly 0.01% of the population

#48f6af hex color

#48f6af Color Information

#48f6af Color Conversion

Color Schemes with #48f6af

Alternatives to #48f6af

#48f6af Preview

Shades and Tints of #48f6af

Tones of #48f6af

Color Blindness Simulator