#48b9c6 hex color

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

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

● #48b9c6 color description : Moderate cyan.

The hexadecimal color #48b9c6 has RGB values of R:72, G:185, B:198 and CMYK values of C:0.64, M:0.07, Y:0, K:0.22. Its decimal value is 4766150.

Hex triplet	48b9c6	`#48b9c6`
RGB Decimal	72, 185, 198	`rgb(72,185,198)`
RGB Percent	28.2, 72.5, 77.6	`rgb(28.2%,72.5%,77.6%)`
CMYK	64, 7, 0, 22
HSL	186.2°, 52.5, 52.9	`hsl(186.2,52.5%,52.9%)`
HSV (or HSB)	186.2°, 63.6, 77.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.576, -27.633, -16.04
XYZ	30.212, 40.15, 59.581
xyY	0.232, 0.309, 40.15
CIE-LCH	69.576, 31.951, 210.133
CIE-LUV	69.576, -44.202, -20.7
Hunter-Lab	63.364, -25.78, -11.395
Binary	01001000, 10111001, 11000110

#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#c65548
```
#c65548 rgb(198,85,72)
```

Complementary Color

#48c694
```
#48c694 rgb(72,198,148)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#487ac6
```
#487ac6 rgb(72,122,198)
```

Analogous Color

#c69448
```
#c69448 rgb(198,148,72)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#c6487a
```
#c6487a rgb(198,72,122)
```

Split Complementary Color

#b9c648
```
#b9c648 rgb(185,198,72)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#c648b9
```
#c648b9 rgb(198,72,185)
```

Triadic Color

#48c655
```
#48c655 rgb(72,198,85)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#c648b9
```
#c648b9 rgb(198,72,185)
```
#c65548
```
#c65548 rgb(198,85,72)
```

Tetradic Color

#2e8994
```
#2e8994 rgb(46,137,148)
```
#349ba7
```
#349ba7 rgb(52,155,167)
```
#3aadba
```
#3aadba rgb(58,173,186)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#5bc0cc
```
#5bc0cc rgb(91,192,204)
```
#6fc8d2
```
#6fc8d2 rgb(111,200,210)
```
#82cfd8
```
#82cfd8 rgb(130,207,216)
```

Monochromatic Color

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

#48c6b4
```
#48c6b4 rgb(72,198,180)
```
#48c6be
```
#48c6be rgb(72,198,190)
```
#48c4c6
```
#48c4c6 rgb(72,196,198)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#48afc6
```
#48afc6 rgb(72,175,198)
```
#48a4c6
```
#48a4c6 rgb(72,164,198)
```
#489ac6
```
#489ac6 rgb(72,154,198)
```

Similar Colors

Text with hexadecimal color #48b9c6

This text has a font color of #48b9c6.

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

#48b9c6 background color

This paragraph has a background color of #48b9c6.

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

#48b9c6 border color

This element has a border color of #48b9c6.

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

CSS codes

.text {color:#48b9c6;}

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

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

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)
```
#08191a
```
#08191a rgb(8,25,26)
```
#0d2629
```
#0d2629 rgb(13,38,41)
```
#123438
```
#123438 rgb(18,52,56)
```
#164247
```
#164247 rgb(22,66,71)
```
#1b5056
```
#1b5056 rgb(27,80,86)
```
#205e65
```
#205e65 rgb(32,94,101)
```
#246c74
```
#246c74 rgb(36,108,116)
```
#297a83
```
#297a83 rgb(41,122,131)
```
#2d8892
```
#2d8892 rgb(45,136,146)
```
#3296a1
```
#3296a1 rgb(50,150,161)
```
#37a3b0
```
#37a3b0 rgb(55,163,176)
```
#3bb1bf
```
#3bb1bf rgb(59,177,191)
```

Shade Color Variation

#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#57bfcb
```
#57bfcb rgb(87,191,203)
```
#66c4cf
```
#66c4cf rgb(102,196,207)
```
#75cad4
```
#75cad4 rgb(117,202,212)
```
#84d0d9
```
#84d0d9 rgb(132,208,217)
```
#93d6dd
```
#93d6dd rgb(147,214,221)
```
#a2dbe2
```
#a2dbe2 rgb(162,219,226)
```
#b1e1e7
```
#b1e1e7 rgb(177,225,231)
```
#c0e7eb
```
#c0e7eb rgb(192,231,235)
```
#cfecf0
```
#cfecf0 rgb(207,236,240)
```
#def2f5
```
#def2f5 rgb(222,242,245)
```
#edf8f9
```
#edf8f9 rgb(237,248,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8d8f is the less saturated color, while #11e5fd is the most saturated one.

#7f8d8f
```
#7f8d8f rgb(127,141,143)
```
#769498
```
#769498 rgb(118,148,152)
```
#6d9ca1
```
#6d9ca1 rgb(109,156,161)
```
#64a3aa
```
#64a3aa rgb(100,163,170)
```
#5aaab4
```
#5aaab4 rgb(90,170,180)
```
#51b2bd
```
#51b2bd rgb(81,178,189)
```
#48b9c6
```
#48b9c6 rgb(72,185,198)
```
#3fc0cf
```
#3fc0cf rgb(63,192,207)
```
#36c8d8
```
#36c8d8 rgb(54,200,216)
```
#2ccfe2
```
#2ccfe2 rgb(44,207,226)
```
#23d6eb
```
#23d6eb rgb(35,214,235)
```
#1adef4
```
#1adef4 rgb(26,222,244)
```
#11e5fd
```
#11e5fd rgb(17,229,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#899fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abadbf Protanopia 1% of men
#adaacf Deuteranopia 1% of men
#52bcca Tritanopia 0.001% of the population

Trichromacy

#87b1c2 Protanomaly 1% of men, 0.01% of women
#88b0cc Deuteranomaly 6% of men, 0.4% of women
#4ebbc8 Tritanomaly 0.01% of the population

#48b9c6 hex color

#48b9c6 Color Information

#48b9c6 Color Conversion

Color Schemes with #48b9c6

Alternatives to #48b9c6

#48b9c6 Preview

Shades and Tints of #48b9c6

Tones of #48b9c6

Color Blindness Simulator