#48f3a6 hex color

In a RGB color space, hex #48f3a6 is composed of 28.2% red, 95.3% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 31.7% yellow and 4.7% black. It has a hue angle of 153 degrees, a saturation of 87.7% and a lightness of 61.8%. #48f3a6 color hex could be obtained by blending #90ffff with #00e74d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 95
- B 65
RGB color chart
- C 70
- M 0
- Y 32
- K 5
CMYK color chart

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

The hexadecimal color #48f3a6 has RGB values of R:72, G:243, B:166 and CMYK values of C:0.7, M:0, Y:0.32, K:0.05. Its decimal value is 4780966.

Hex triplet	48f3a6	`#48f3a6`
RGB Decimal	72, 243, 166	`rgb(72,243,166)`
RGB Percent	28.2, 95.3, 65.1	`rgb(28.2%,95.3%,65.1%)`
CMYK	70, 0, 32, 5
HSL	153°, 87.7, 61.8	`hsl(153,87.7%,61.8%)`
HSV (or HSB)	153°, 70.4, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.12, -60.54, 24.865
XYZ	41.603, 68.228, 47.051
xyY	0.265, 0.435, 68.228
CIE-LCH	86.12, 65.447, 157.671
CIE-LUV	86.12, -67.033, 45.626
Hunter-Lab	82.6, -54.646, 24.047
Binary	01001000, 11110011, 10100110

#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#f34895
```
#f34895 rgb(243,72,149)
```

Complementary Color

#48f351
```
#48f351 rgb(72,243,81)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#48ebf3
```
#48ebf3 rgb(72,235,243)
```

Analogous Color

#f35148
```
#f35148 rgb(243,81,72)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#f348eb
```
#f348eb rgb(243,72,235)
```

Split Complementary Color

#f3a648
```
#f3a648 rgb(243,166,72)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#a648f3
```
#a648f3 rgb(166,72,243)
```

Triadic Color

#95f348
```
#95f348 rgb(149,243,72)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#a648f3
```
#a648f3 rgb(166,72,243)
```
#f34895
```
#f34895 rgb(243,72,149)
```

Tetradic Color

#0fe082
```
#0fe082 rgb(15,224,130)
```
#18f08f
```
#18f08f rgb(24,240,143)
```
#30f19a
```
#30f19a rgb(48,241,154)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#60f5b2
```
#60f5b2 rgb(96,245,178)
```
#78f6bd
```
#78f6bd rgb(120,246,189)
```
#90f8c9
```
#90f8c9 rgb(144,248,201)
```

Monochromatic Color

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

#48f37b
```
#48f37b rgb(72,243,123)
```
#48f38a
```
#48f38a rgb(72,243,138)
```
#48f398
```
#48f398 rgb(72,243,152)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#48f3b4
```
#48f3b4 rgb(72,243,180)
```
#48f3c3
```
#48f3c3 rgb(72,243,195)
```
#48f3d1
```
#48f3d1 rgb(72,243,209)
```

Similar Colors

Text with hexadecimal color #48f3a6

This text has a font color of #48f3a6.

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

#48f3a6 background color

This paragraph has a background color of #48f3a6.

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

#48f3a6 border color

This element has a border color of #48f3a6.

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

CSS codes

.text {color:#48f3a6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#01130b
```
#01130b rgb(1,19,11)
```
#022616
```
#022616 rgb(2,38,22)
```
#043821
```
#043821 rgb(4,56,33)
```
#054b2b
```
#054b2b rgb(5,75,43)
```
#065d36
```
#065d36 rgb(6,93,54)
```
#077041
```
#077041 rgb(7,112,65)
```
#09824b
```
#09824b rgb(9,130,75)
```
#0a9456
```
#0a9456 rgb(10,148,86)
```
#0ba761
```
#0ba761 rgb(11,167,97)
```
#0cb96b
```
#0cb96b rgb(12,185,107)
```
#0dcc76
```
#0dcc76 rgb(13,204,118)
```
#0fde81
```
#0fde81 rgb(15,222,129)
```

Shade Color Variation

#11ef8b
```
#11ef8b rgb(17,239,139)
```
#23f194
```
#23f194 rgb(35,241,148)
```
#36f29d
```
#36f29d rgb(54,242,157)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#5af4af
```
#5af4af rgb(90,244,175)
```
#6df5b8
```
#6df5b8 rgb(109,245,184)
```
#7ff7c1
```
#7ff7c1 rgb(127,247,193)
```
#92f8ca
```
#92f8ca rgb(146,248,202)
```
#a4f9d3
```
#a4f9d3 rgb(164,249,211)
```
#b6fadc
```
#b6fadc rgb(182,250,220)
```
#c9fbe5
```
#c9fbe5 rgb(201,251,229)
```
#dbfdee
```
#dbfdee rgb(219,253,238)
```
#eefef7
```
#eefef7 rgb(238,254,247)
```

Tint Color Variation

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

#9ba19e
```
#9ba19e rgb(155,161,158)
```
#93a89f
```
#93a89f rgb(147,168,159)
```
#8cb09f
```
#8cb09f rgb(140,176,159)
```
#84b7a0
```
#84b7a0 rgb(132,183,160)
```
#7dbfa1
```
#7dbfa1 rgb(125,191,161)
```
#75c6a2
```
#75c6a2 rgb(117,198,162)
```
#6ecea2
```
#6ecea2 rgb(110,206,162)
```
#66d5a3
```
#66d5a3 rgb(102,213,163)
```
#5fdda4
```
#5fdda4 rgb(95,221,164)
```
#57e4a5
```
#57e4a5 rgb(87,228,165)
```
#50eca5
```
#50eca5 rgb(80,236,165)
```
#48f3a6
```
#48f3a6 rgb(72,243,166)
```
#41fba7
```
#41fba7 rgb(65,251,167)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a1c3b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d99f Protanopia 1% of men
#fad1b6 Deuteranopia 1% of men
#78e9fa Tritanopia 0.001% of the population

Trichromacy

#aee2a1 Protanomaly 1% of men, 0.01% of women
#b9ddb0 Deuteranomaly 6% of men, 0.4% of women
#66ecdb Tritanomaly 0.01% of the population

#48f3a6 hex color

#48f3a6 Color Information

#48f3a6 Color Conversion

Color Schemes with #48f3a6

Alternatives to #48f3a6

#48f3a6 Preview

Shades and Tints of #48f3a6

Tones of #48f3a6

Color Blindness Simulator