#48cf9f hex color

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

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

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

The hexadecimal color #48cf9f has RGB values of R:72, G:207, B:159 and CMYK values of C:0.65, M:0, Y:0.23, K:0.19. Its decimal value is 4771743.

Hex triplet	48cf9f	`#48cf9f`
RGB Decimal	72, 207, 159	`rgb(72,207,159)`
RGB Percent	28.2, 81.2, 62.4	`rgb(28.2%,81.2%,62.4%)`
CMYK	65, 0, 23, 19
HSL	158.7°, 58.4, 54.7	`hsl(158.7,58.4%,54.7%)`
HSV (or HSB)	158.7°, 65.2, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.142, -47.789, 13.289
XYZ	31.241, 48.504, 40.515
xyY	0.26, 0.403, 48.504
CIE-LCH	75.142, 49.602, 164.46
CIE-LUV	75.142, -54.596, 26.895
Hunter-Lab	69.645, -41.807, 14.26
Binary	01001000, 11001111, 10011111

#48cf9f
```
#48cf9f rgb(72,207,159)
```
#cf4878
```
#cf4878 rgb(207,72,120)
```

Complementary Color

#48cf5c
```
#48cf5c rgb(72,207,92)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#48bccf
```
#48bccf rgb(72,188,207)
```

Analogous Color

#cf5c48
```
#cf5c48 rgb(207,92,72)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#cf48bc
```
#cf48bc rgb(207,72,188)
```

Split Complementary Color

#cf9f48
```
#cf9f48 rgb(207,159,72)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#9f48cf
```
#9f48cf rgb(159,72,207)
```

Triadic Color

#78cf48
```
#78cf48 rgb(120,207,72)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#9f48cf
```
#9f48cf rgb(159,72,207)
```
#cf4878
```
#cf4878 rgb(207,72,120)
```

Tetradic Color

#2aa076
```
#2aa076 rgb(42,160,118)
```
#2fb585
```
#2fb585 rgb(47,181,133)
```
#35c994
```
#35c994 rgb(53,201,148)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#5cd4aa
```
#5cd4aa rgb(92,212,170)
```
#70dab4
```
#70dab4 rgb(112,218,180)
```
#85dfbf
```
#85dfbf rgb(133,223,191)
```

Monochromatic Color

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

#48cf7d
```
#48cf7d rgb(72,207,125)
```
#48cf89
```
#48cf89 rgb(72,207,137)
```
#48cf94
```
#48cf94 rgb(72,207,148)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#48cfaa
```
#48cfaa rgb(72,207,170)
```
#48cfb6
```
#48cfb6 rgb(72,207,182)
```
#48cfc1
```
#48cfc1 rgb(72,207,193)
```

Similar Colors

Text with hexadecimal color #48cf9f

This text has a font color of #48cf9f.

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

#48cf9f background color

This paragraph has a background color of #48cf9f.

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

#48cf9f border color

This element has a border color of #48cf9f.

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

CSS codes

.text {color:#48cf9f;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#05130e
```
#05130e rgb(5,19,14)
```
#092319
```
#092319 rgb(9,35,25)
```
#0d3225
```
#0d3225 rgb(13,50,37)
```
#114230
```
#114230 rgb(17,66,48)
```
#15513c
```
#15513c rgb(21,81,60)
```
#196147
```
#196147 rgb(25,97,71)
```
#1d7053
```
#1d7053 rgb(29,112,83)
```
#22805e
```
#22805e rgb(34,128,94)
```
#268f6a
```
#268f6a rgb(38,143,106)
```
#2a9f75
```
#2a9f75 rgb(42,159,117)
```
#2eae81
```
#2eae81 rgb(46,174,129)
```
#32be8c
```
#32be8c rgb(50,190,140)
```

Shade Color Variation

#38cb97
```
#38cb97 rgb(56,203,151)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#58d3a7
```
#58d3a7 rgb(88,211,167)
```
#67d7af
```
#67d7af rgb(103,215,175)
```
#77dbb7
```
#77dbb7 rgb(119,219,183)
```
#86dfc0
```
#86dfc0 rgb(134,223,192)
```
#96e3c8
```
#96e3c8 rgb(150,227,200)
```
#a5e7d0
```
#a5e7d0 rgb(165,231,208)
```
#b5ecd8
```
#b5ecd8 rgb(181,236,216)
```
#c4f0e0
```
#c4f0e0 rgb(196,240,224)
```
#d4f4e8
```
#d4f4e8 rgb(212,244,232)
```
#e3f8f1
```
#e3f8f1 rgb(227,248,241)
```
#f3fcf9
```
#f3fcf9 rgb(243,252,249)
```

Tint Color Variation

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

#86918d
```
#86918d rgb(134,145,141)
```
#7d9a90
```
#7d9a90 rgb(125,154,144)
```
#74a392
```
#74a392 rgb(116,163,146)
```
#6cab95
```
#6cab95 rgb(108,171,149)
```
#63b497
```
#63b497 rgb(99,180,151)
```
#5abd9a
```
#5abd9a rgb(90,189,154)
```
#51c69c
```
#51c69c rgb(81,198,156)
```
#48cf9f
```
#48cf9f rgb(72,207,159)
```
#3fd8a2
```
#3fd8a2 rgb(63,216,162)
```
#36e1a4
```
#36e1a4 rgb(54,225,164)
```
#2deaa7
```
#2deaa7 rgb(45,234,167)
```
#24f3a9
```
#24f3a9 rgb(36,243,169)
```
#1cfbac
```
#1cfbac rgb(28,251,172)
```

Tone Color Variation

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

Dichromacy

#c7bc9a Protanopia 1% of men
#d3b6ad Deuteranopia 1% of men
#6acad8 Tritanopia 0.001% of the population

Trichromacy

#99c39c Protanomaly 1% of men, 0.01% of women
#a1bfa8 Deuteranomaly 6% of men, 0.4% of women
#5dcbc3 Tritanomaly 0.01% of the population

#48cf9f hex color

#48cf9f Color Information

#48cf9f Color Conversion

Color Schemes with #48cf9f

Alternatives to #48cf9f

#48cf9f Preview

Shades and Tints of #48cf9f

Tones of #48cf9f

Color Blindness Simulator