#48cf9a hex color

In a RGB color space, hex #48cf9a is composed of 28.2% red, 81.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 25.6% yellow and 18.8% black. It has a hue angle of 156.4 degrees, a saturation of 58.4% and a lightness of 54.7%. #48cf9a color hex could be obtained by blending #90ffff with #009f35. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 81
- B 60
RGB color chart
- C 65
- M 0
- Y 26
- K 19
CMYK color chart

● #48cf9a color description : Moderate cyan - lime green.

The hexadecimal color #48cf9a has RGB values of R:72, G:207, B:154 and CMYK values of C:0.65, M:0, Y:0.26, K:0.19. Its decimal value is 4771738.

Hex triplet	48cf9a	`#48cf9a`
RGB Decimal	72, 207, 154	`rgb(72,207,154)`
RGB Percent	28.2, 81.2, 60.4	`rgb(28.2%,81.2%,60.4%)`
CMYK	65, 0, 26, 19
HSL	156.4°, 58.4, 54.7	`hsl(156.4,58.4%,54.7%)`
HSV (or HSB)	156.4°, 65.2, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.035, -48.902, 15.806
XYZ	30.816, 48.334, 38.275
xyY	0.262, 0.412, 48.334
CIE-LCH	75.035, 51.393, 162.088
CIE-LUV	75.035, -54.883, 30.528
Hunter-Lab	69.522, -42.544, 16.024
Binary	01001000, 11001111, 10011010

#48cf9a
```
#48cf9a rgb(72,207,154)
```
#cf487d
```
#cf487d rgb(207,72,125)
```

Complementary Color

#48cf57
```
#48cf57 rgb(72,207,87)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#48c1cf
```
#48c1cf rgb(72,193,207)
```

Analogous Color

#cf5748
```
#cf5748 rgb(207,87,72)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#cf48c1
```
#cf48c1 rgb(207,72,193)
```

Split Complementary Color

#cf9a48
```
#cf9a48 rgb(207,154,72)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#9a48cf
```
#9a48cf rgb(154,72,207)
```

Triadic Color

#7dcf48
```
#7dcf48 rgb(125,207,72)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#9a48cf
```
#9a48cf rgb(154,72,207)
```
#cf487d
```
#cf487d rgb(207,72,125)
```

Tetradic Color

#2aa072
```
#2aa072 rgb(42,160,114)
```
#2fb580
```
#2fb580 rgb(47,181,128)
```
#35c98f
```
#35c98f rgb(53,201,143)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#5cd4a5
```
#5cd4a5 rgb(92,212,165)
```
#70dab0
```
#70dab0 rgb(112,218,176)
```
#85dfbb
```
#85dfbb rgb(133,223,187)
```

Monochromatic Color

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

#48cf78
```
#48cf78 rgb(72,207,120)
```
#48cf84
```
#48cf84 rgb(72,207,132)
```
#48cf8f
```
#48cf8f rgb(72,207,143)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#48cfa5
```
#48cfa5 rgb(72,207,165)
```
#48cfb1
```
#48cfb1 rgb(72,207,177)
```
#48cfbc
```
#48cfbc rgb(72,207,188)
```

Similar Colors

Text with hexadecimal color #48cf9a

This text has a font color of #48cf9a.

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

#48cf9a background color

This paragraph has a background color of #48cf9a.

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

#48cf9a border color

This element has a border color of #48cf9a.

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

CSS codes

.text {color:#48cf9a;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130e
```
#05130e rgb(5,19,14)
```
#092319
```
#092319 rgb(9,35,25)
```
#0d3224
```
#0d3224 rgb(13,50,36)
```
#11422f
```
#11422f rgb(17,66,47)
```
#15513a
```
#15513a rgb(21,81,58)
```
#196145
```
#196145 rgb(25,97,69)
```
#1d7050
```
#1d7050 rgb(29,112,80)
```
#22805b
```
#22805b rgb(34,128,91)
```
#268f66
```
#268f66 rgb(38,143,102)
```
#2a9f71
```
#2a9f71 rgb(42,159,113)
```
#2eae7c
```
#2eae7c rgb(46,174,124)
```
#32be87
```
#32be87 rgb(50,190,135)
```

Shade Color Variation

#38cb91
```
#38cb91 rgb(56,203,145)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#58d3a3
```
#58d3a3 rgb(88,211,163)
```
#67d7ab
```
#67d7ab rgb(103,215,171)
```
#77dbb4
```
#77dbb4 rgb(119,219,180)
```
#86dfbc
```
#86dfbc rgb(134,223,188)
```
#96e3c5
```
#96e3c5 rgb(150,227,197)
```
#a5e7cd
```
#a5e7cd rgb(165,231,205)
```
#b5ecd6
```
#b5ecd6 rgb(181,236,214)
```
#c4f0df
```
#c4f0df rgb(196,240,223)
```
#d4f4e7
```
#d4f4e7 rgb(212,244,231)
```
#e3f8f0
```
#e3f8f0 rgb(227,248,240)
```
#f3fcf8
```
#f3fcf8 rgb(243,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86918d is the less saturated color, while #1cfba4 is the most saturated one.

#86918d
```
#86918d rgb(134,145,141)
```
#7d9a8f
```
#7d9a8f rgb(125,154,143)
```
#74a390
```
#74a390 rgb(116,163,144)
```
#6cab92
```
#6cab92 rgb(108,171,146)
```
#63b494
```
#63b494 rgb(99,180,148)
```
#5abd96
```
#5abd96 rgb(90,189,150)
```
#51c698
```
#51c698 rgb(81,198,152)
```
#48cf9a
```
#48cf9a rgb(72,207,154)
```
#3fd89c
```
#3fd89c rgb(63,216,156)
```
#36e19e
```
#36e19e rgb(54,225,158)
```
#2deaa0
```
#2deaa0 rgb(45,234,160)
```
#24f3a2
```
#24f3a2 rgb(36,243,162)
```
#1cfba4
```
#1cfba4 rgb(28,251,164)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8faaa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bc95 Protanopia 1% of men
#d5b5a8 Deuteranopia 1% of men
#6bc9d8 Tritanopia 0.001% of the population

Trichromacy

#99c297 Protanomaly 1% of men, 0.01% of women
#a1bfa3 Deuteranomaly 6% of men, 0.4% of women
#5ecbc1 Tritanomaly 0.01% of the population

#48cf9a hex color

#48cf9a Color Information

#48cf9a Color Conversion

Color Schemes with #48cf9a

Alternatives to #48cf9a

#48cf9a Preview

Shades and Tints of #48cf9a

Tones of #48cf9a

Color Blindness Simulator