#48c5c1 hex color

In a RGB color space, hex #48c5c1 is composed of 28.2% red, 77.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 0% magenta, 2% yellow and 22.7% black. It has a hue angle of 178.1 degrees, a saturation of 51.9% and a lightness of 52.7%. #48c5c1 color hex could be obtained by blending #90ffff with #008b83. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 77
- B 76
RGB color chart
- C 63
- M 0
- Y 2
- K 23
CMYK color chart

● #48c5c1 color description : Moderate cyan.

The hexadecimal color #48c5c1 has RGB values of R:72, G:197, B:193 and CMYK values of C:0.63, M:0, Y:0.02, K:0.23. Its decimal value is 4769217.

Hex triplet	48c5c1	`#48c5c1`
RGB Decimal	72, 197, 193	`rgb(72,197,193)`
RGB Percent	28.2, 77.3, 75.7	`rgb(28.2%,77.3%,75.7%)`
CMYK	63, 0, 2, 23
HSL	178.1°, 51.9, 52.7	`hsl(178.1,51.9%,52.7%)`
HSV (or HSB)	178.1°, 63.5, 77.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.996, -34.822, -8.185
XYZ	32.261, 45.158, 57.465
xyY	0.239, 0.335, 45.158
CIE-LCH	72.996, 35.771, 193.228
CIE-LUV	72.996, -48.902, -7.169
Hunter-Lab	67.199, -31.904, -3.662
Binary	01001000, 11000101, 11000001

#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#c5484c
```
#c5484c rgb(197,72,76)
```

Complementary Color

#48c583
```
#48c583 rgb(72,197,131)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#488bc5
```
#488bc5 rgb(72,139,197)
```

Analogous Color

#c58348
```
#c58348 rgb(197,131,72)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#c5488b
```
#c5488b rgb(197,72,139)
```

Split Complementary Color

#c5c148
```
#c5c148 rgb(197,193,72)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#c148c5
```
#c148c5 rgb(193,72,197)
```

Triadic Color

#4cc548
```
#4cc548 rgb(76,197,72)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#c148c5
```
#c148c5 rgb(193,72,197)
```
#c5484c
```
#c5484c rgb(197,72,76)
```

Tetradic Color

#2e928f
```
#2e928f rgb(46,146,143)
```
#34a6a2
```
#34a6a2 rgb(52,166,162)
```
#3bb9b5
```
#3bb9b5 rgb(59,185,181)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#5bcbc8
```
#5bcbc8 rgb(91,203,200)
```
#6fd1ce
```
#6fd1ce rgb(111,209,206)
```
#82d7d5
```
#82d7d5 rgb(130,215,213)
```

Monochromatic Color

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

#48c5a2
```
#48c5a2 rgb(72,197,162)
```
#48c5ac
```
#48c5ac rgb(72,197,172)
```
#48c5b7
```
#48c5b7 rgb(72,197,183)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#48bfc5
```
#48bfc5 rgb(72,191,197)
```
#48b4c5
```
#48b4c5 rgb(72,180,197)
```
#48aac5
```
#48aac5 rgb(72,170,197)
```

Similar Colors

Text with hexadecimal color #48c5c1

This text has a font color of #48c5c1.

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

#48c5c1 background color

This paragraph has a background color of #48c5c1.

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

#48c5c1 border color

This element has a border color of #48c5c1.

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

CSS codes

.text {color:#48c5c1;}

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

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

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, #030b0a is the darkest color, while #fbfefe is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081a19
```
#081a19 rgb(8,26,25)
```
#0d2828
```
#0d2828 rgb(13,40,40)
```
#123736
```
#123736 rgb(18,55,54)
```
#164645
```
#164645 rgb(22,70,69)
```
#1b5553
```
#1b5553 rgb(27,85,83)
```
#206462
```
#206462 rgb(32,100,98)
```
#247370
```
#247370 rgb(36,115,112)
```
#29827f
```
#29827f rgb(41,130,127)
```
#2e918e
```
#2e918e rgb(46,145,142)
```
#33a09c
```
#33a09c rgb(51,160,156)
```
#37aeab
```
#37aeab rgb(55,174,171)
```
#3cbdb9
```
#3cbdb9 rgb(60,189,185)
```

Shade Color Variation

#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#57cac6
```
#57cac6 rgb(87,202,198)
```
#66cecb
```
#66cecb rgb(102,206,203)
```
#75d3d0
```
#75d3d0 rgb(117,211,208)
```
#84d8d5
```
#84d8d5 rgb(132,216,213)
```
#92ddda
```
#92ddda rgb(146,221,218)
```
#a1e1df
```
#a1e1df rgb(161,225,223)
```
#b0e6e4
```
#b0e6e4 rgb(176,230,228)
```
#bfebe9
```
#bfebe9 rgb(191,235,233)
```
#ceefee
```
#ceefee rgb(206,239,238)
```
#ddf4f3
```
#ddf4f3 rgb(221,244,243)
```
#ecf9f9
```
#ecf9f9 rgb(236,249,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808d8d is the less saturated color, while #10fdf5 is the most saturated one.

#808d8d
```
#808d8d rgb(128,141,141)
```
#769796
```
#769796 rgb(118,151,150)
```
#6da09e
```
#6da09e rgb(109,160,158)
```
#64a9a7
```
#64a9a7 rgb(100,169,167)
```
#5bb2b0
```
#5bb2b0 rgb(91,178,176)
```
#51bcb8
```
#51bcb8 rgb(81,188,184)
```
#48c5c1
```
#48c5c1 rgb(72,197,193)
```
#3fceca
```
#3fceca rgb(63,206,202)
```
#35d8d2
```
#35d8d2 rgb(53,216,210)
```
#2ce1db
```
#2ce1db rgb(44,225,219)
```
#23eae4
```
#23eae4 rgb(35,234,228)
```
#1af3ec
```
#1af3ec rgb(26,243,236)
```
#10fdf5
```
#10fdf5 rgb(16,253,245)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6ba Protanopia 1% of men
#bdb2cb Deuteranopia 1% of men
#5ac5d3 Tritanopia 0.001% of the population

Trichromacy

#8fbbbc Protanomaly 1% of men, 0.01% of women
#92b9c7 Deuteranomaly 6% of men, 0.4% of women
#53c5cd Tritanomaly 0.01% of the population

#48c5c1 hex color

#48c5c1 Color Information

#48c5c1 Color Conversion

Color Schemes with #48c5c1

Alternatives to #48c5c1

#48c5c1 Preview

Shades and Tints of #48c5c1

Tones of #48c5c1

Color Blindness Simulator