#48ecc4 hex color

In a RGB color space, hex #48ecc4 is composed of 28.2% red, 92.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 16.9% yellow and 7.5% black. It has a hue angle of 165.4 degrees, a saturation of 81.2% and a lightness of 60.4%. #48ecc4 color hex could be obtained by blending #90ffff with #00d989. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 28
- G 93
- B 77
RGB color chart
- C 69
- M 0
- Y 17
- K 7
CMYK color chart

● #48ecc4 color description : Soft cyan.

The hexadecimal color #48ecc4 has RGB values of R:72, G:236, B:196 and CMYK values of C:0.69, M:0, Y:0.17, K:0.07. Its decimal value is 4779204.

Hex triplet	48ecc4	`#48ecc4`
RGB Decimal	72, 236, 196	`rgb(72,236,196)`
RGB Percent	28.2, 92.5, 76.9	`rgb(28.2%,92.5%,76.9%)`
CMYK	69, 0, 17, 7
HSL	165.4°, 81.2, 60.4	`hsl(165.4,81.2%,60.4%)`
HSV (or HSB)	165.4°, 69.5, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.664, -51.169, 7.265
XYZ	42.628, 65.35, 62.589
xyY	0.25, 0.383, 65.35
CIE-LCH	84.664, 51.682, 171.919
CIE-LUV	84.664, -62.731, 19.239
Hunter-Lab	80.839, -47.343, 10.683
Binary	01001000, 11101100, 11000100

#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#ec4870
```
#ec4870 rgb(236,72,112)
```

Complementary Color

#48ec72
```
#48ec72 rgb(72,236,114)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#48c2ec
```
#48c2ec rgb(72,194,236)
```

Analogous Color

#ec7248
```
#ec7248 rgb(236,114,72)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#ec48c2
```
#ec48c2 rgb(236,72,194)
```

Split Complementary Color

#ecc448
```
#ecc448 rgb(236,196,72)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#c448ec
```
#c448ec rgb(196,72,236)
```

Triadic Color

#70ec48
```
#70ec48 rgb(112,236,72)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#c448ec
```
#c448ec rgb(196,72,236)
```
#ec4870
```
#ec4870 rgb(236,72,112)
```

Tetradic Color

#16d2a4
```
#16d2a4 rgb(22,210,164)
```
#1ae7b5
```
#1ae7b5 rgb(26,231,181)
```
#31eabd
```
#31eabd rgb(49,234,189)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#5feecb
```
#5feecb rgb(95,238,203)
```
#76f1d3
```
#76f1d3 rgb(118,241,211)
```
#8df3da
```
#8df3da rgb(141,243,218)
```

Monochromatic Color

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

#48ec9b
```
#48ec9b rgb(72,236,155)
```
#48eca9
```
#48eca9 rgb(72,236,169)
```
#48ecb6
```
#48ecb6 rgb(72,236,182)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#48ecd2
```
#48ecd2 rgb(72,236,210)
```
#48ecdf
```
#48ecdf rgb(72,236,223)
```
#48ebec
```
#48ebec rgb(72,235,236)
```

Similar Colors

Text with hexadecimal color #48ecc4

This text has a font color of #48ecc4.

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

#48ecc4 background color

This paragraph has a background color of #48ecc4.

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

#48ecc4 border color

This element has a border color of #48ecc4.

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

CSS codes

.text {color:#48ecc4;}

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

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

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, #010c0a is the darkest color, while #fafefd is the lightest one.

#010c0a
```
#010c0a rgb(1,12,10)
```
#031e18
```
#031e18 rgb(3,30,24)
```
#053026
```
#053026 rgb(5,48,38)
```
#074233
```
#074233 rgb(7,66,51)
```
#095441
```
#095441 rgb(9,84,65)
```
#0b654f
```
#0b654f rgb(11,101,79)
```
#0c775d
```
#0c775d rgb(12,119,93)
```
#0e896b
```
#0e896b rgb(14,137,107)
```
#109b79
```
#109b79 rgb(16,155,121)
```
#12ac87
```
#12ac87 rgb(18,172,135)
```
#14be95
```
#14be95 rgb(20,190,149)
```
#16d0a2
```
#16d0a2 rgb(22,208,162)
```
#17e2b0
```
#17e2b0 rgb(23,226,176)
```

Shade Color Variation

#24e8b9
```
#24e8b9 rgb(36,232,185)
```
#36eabe
```
#36eabe rgb(54,234,190)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#5aeeca
```
#5aeeca rgb(90,238,202)
```
#6cf0cf
```
#6cf0cf rgb(108,240,207)
```
#7df2d5
```
#7df2d5 rgb(125,242,213)
```
#8ff3db
```
#8ff3db rgb(143,243,219)
```
#a1f5e1
```
#a1f5e1 rgb(161,245,225)
```
#b3f7e6
```
#b3f7e6 rgb(179,247,230)
```
#c4f9ec
```
#c4f9ec rgb(196,249,236)
```
#d6fbf2
```
#d6fbf2 rgb(214,251,242)
```
#e8fdf8
```
#e8fdf8 rgb(232,253,248)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969e9c is the less saturated color, while #38fccc is the most saturated one.

#969e9c
```
#969e9c rgb(150,158,156)
```
#8ea6a0
```
#8ea6a0 rgb(142,166,160)
```
#86aea4
```
#86aea4 rgb(134,174,164)
```
#7eb6a8
```
#7eb6a8 rgb(126,182,168)
```
#77bdac
```
#77bdac rgb(119,189,172)
```
#6fc5b0
```
#6fc5b0 rgb(111,197,176)
```
#67cdb4
```
#67cdb4 rgb(103,205,180)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#58dcbc
```
#58dcbc rgb(88,220,188)
```
#50e4c0
```
#50e4c0 rgb(80,228,192)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#40f4c8
```
#40f4c8 rgb(64,244,200)
```
#38fccc
```
#38fccc rgb(56,252,204)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0c1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd4bb Protanopia 1% of men
#eacfd1 Deuteranopia 1% of men
#6de6f6 Tritanopia 0.001% of the population

Trichromacy

#a8ddbe Protanomaly 1% of men, 0.01% of women
#afd9cc Deuteranomaly 6% of men, 0.4% of women
#5fe8e4 Tritanomaly 0.01% of the population

#48ecc4 hex color

#48ecc4 Color Information

#48ecc4 Color Conversion

Color Schemes with #48ecc4

Alternatives to #48ecc4

#48ecc4 Preview

Shades and Tints of #48ecc4

Tones of #48ecc4

Color Blindness Simulator