#48c6bf hex color

In a RGB color space, hex #48c6bf is composed of 28.2% red, 77.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 3.5% yellow and 22.4% black. It has a hue angle of 176.7 degrees, a saturation of 52.5% and a lightness of 52.9%. #48c6bf color hex could be obtained by blending #90ffff with #008d7f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 78
- B 75
RGB color chart
- C 64
- M 0
- Y 4
- K 22
CMYK color chart

● #48c6bf color description : Moderate cyan.

The hexadecimal color #48c6bf has RGB values of R:72, G:198, B:191 and CMYK values of C:0.64, M:0, Y:0.04, K:0.22. Its decimal value is 4769471.

Hex triplet	48c6bf	`#48c6bf`
RGB Decimal	72, 198, 191	`rgb(72,198,191)`
RGB Percent	28.2, 77.6, 74.9	`rgb(28.2%,77.6%,74.9%)`
CMYK	64, 0, 4, 22
HSL	176.7°, 52.5, 52.9	`hsl(176.7,52.5%,52.9%)`
HSV (or HSB)	176.7°, 63.6, 77.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.236, -35.836, -6.741
XYZ	32.268, 45.525, 56.374
xyY	0.241, 0.339, 45.525
CIE-LCH	73.236, 36.464, 190.654
CIE-LUV	73.236, -49.389, -4.747
Hunter-Lab	67.472, -32.711, -2.307
Binary	01001000, 11000110, 10111111

#48c6bf
```
#48c6bf rgb(72,198,191)
```
#c6484f
```
#c6484f rgb(198,72,79)
```

Complementary Color

#48c680
```
#48c680 rgb(72,198,128)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#488ec6
```
#488ec6 rgb(72,142,198)
```

Analogous Color

#c68048
```
#c68048 rgb(198,128,72)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#c6488e
```
#c6488e rgb(198,72,142)
```

Split Complementary Color

#c6bf48
```
#c6bf48 rgb(198,191,72)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#bf48c6
```
#bf48c6 rgb(191,72,198)
```

Triadic Color

#4fc648
```
#4fc648 rgb(79,198,72)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#bf48c6
```
#bf48c6 rgb(191,72,198)
```
#c6484f
```
#c6484f rgb(198,72,79)
```

Tetradic Color

#2e948e
```
#2e948e rgb(46,148,142)
```
#34a7a1
```
#34a7a1 rgb(52,167,161)
```
#3abab3
```
#3abab3 rgb(58,186,179)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#5bccc6
```
#5bccc6 rgb(91,204,198)
```
#6fd2cd
```
#6fd2cd rgb(111,210,205)
```
#82d8d3
```
#82d8d3 rgb(130,216,211)
```

Monochromatic Color

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

#48c6a0
```
#48c6a0 rgb(72,198,160)
```
#48c6aa
```
#48c6aa rgb(72,198,170)
```
#48c6b5
```
#48c6b5 rgb(72,198,181)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#48c3c6
```
#48c3c6 rgb(72,195,198)
```
#48b8c6
```
#48b8c6 rgb(72,184,198)
```
#48aec6
```
#48aec6 rgb(72,174,198)
```

Similar Colors

Text with hexadecimal color #48c6bf

This text has a font color of #48c6bf.

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

#48c6bf background color

This paragraph has a background color of #48c6bf.

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

#48c6bf border color

This element has a border color of #48c6bf.

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

CSS codes

.text {color:#48c6bf;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#081a19
```
#081a19 rgb(8,26,25)
```
#0d2928
```
#0d2928 rgb(13,41,40)
```
#123836
```
#123836 rgb(18,56,54)
```
#164745
```
#164745 rgb(22,71,69)
```
#1b5653
```
#1b5653 rgb(27,86,83)
```
#206561
```
#206561 rgb(32,101,97)
```
#247470
```
#247470 rgb(36,116,112)
```
#29837e
```
#29837e rgb(41,131,126)
```
#2d928c
```
#2d928c rgb(45,146,140)
```
#32a19b
```
#32a19b rgb(50,161,155)
```
#37b0a9
```
#37b0a9 rgb(55,176,169)
```
#3bbfb8
```
#3bbfb8 rgb(59,191,184)
```

Shade Color Variation

#48c6bf
```
#48c6bf rgb(72,198,191)
```
#57cbc4
```
#57cbc4 rgb(87,203,196)
```
#66cfc9
```
#66cfc9 rgb(102,207,201)
```
#75d4cf
```
#75d4cf rgb(117,212,207)
```
#84d9d4
```
#84d9d4 rgb(132,217,212)
```
#93ddd9
```
#93ddd9 rgb(147,221,217)
```
#a2e2de
```
#a2e2de rgb(162,226,222)
```
#b1e7e4
```
#b1e7e4 rgb(177,231,228)
```
#c0ebe9
```
#c0ebe9 rgb(192,235,233)
```
#cff0ee
```
#cff0ee rgb(207,240,238)
```
#def5f3
```
#def5f3 rgb(222,245,243)
```
#edf9f9
```
#edf9f9 rgb(237,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, #7f8f8e is the less saturated color, while #11fdf0 is the most saturated one.

#7f8f8e
```
#7f8f8e rgb(127,143,142)
```
#769896
```
#769896 rgb(118,152,150)
```
#6da19e
```
#6da19e rgb(109,161,158)
```
#64aaa6
```
#64aaa6 rgb(100,170,166)
```
#5ab4af
```
#5ab4af rgb(90,180,175)
```
#51bdb7
```
#51bdb7 rgb(81,189,183)
```
#48c6bf
```
#48c6bf rgb(72,198,191)
```
#3fcfc7
```
#3fcfc7 rgb(63,207,199)
```
#36d8cf
```
#36d8cf rgb(54,216,207)
```
#2ce2d8
```
#2ce2d8 rgb(44,226,216)
```
#23ebe0
```
#23ebe0 rgb(35,235,224)
```
#1af4e8
```
#1af4e8 rgb(26,244,232)
```
#11fdf0
```
#11fdf0 rgb(17,253,240)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab6b8 Protanopia 1% of men
#bfb3ca Deuteranopia 1% of men
#5cc6d4 Tritanopia 0.001% of the population

Trichromacy

#90bcba Protanomaly 1% of men, 0.01% of women
#94bac6 Deuteranomaly 6% of men, 0.4% of women
#54c6cc Tritanomaly 0.01% of the population

#48c6bf hex color

#48c6bf Color Information

#48c6bf Color Conversion

Color Schemes with #48c6bf

Alternatives to #48c6bf

#48c6bf Preview

Shades and Tints of #48c6bf

Tones of #48c6bf

Color Blindness Simulator