#48bcb8 hex color

In a RGB color space, hex #48bcb8 is composed of 28.2% red, 73.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 2.1% yellow and 26.3% black. It has a hue angle of 177.9 degrees, a saturation of 46.4% and a lightness of 51%. #48bcb8 color hex could be obtained by blending #90ffff with #007971. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 74
- B 72
RGB color chart
- C 62
- M 0
- Y 2
- K 26
CMYK color chart

● #48bcb8 color description : Moderate cyan.

The hexadecimal color #48bcb8 has RGB values of R:72, G:188, B:184 and CMYK values of C:0.62, M:0, Y:0.02, K:0.26. Its decimal value is 4766904.

Hex triplet	48bcb8	`#48bcb8`
RGB Decimal	72, 188, 184	`rgb(72,188,184)`
RGB Percent	28.2, 73.7, 72.2	`rgb(28.2%,73.7%,72.2%)`
CMYK	62, 0, 2, 26
HSL	177.9°, 46.4, 51	`hsl(177.9,46.4%,51%)`
HSV (or HSB)	177.9°, 61.7, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.037, -33.068, -7.665
XYZ	29.305, 40.802, 51.676
xyY	0.241, 0.335, 40.802
CIE-LCH	70.037, 33.945, 193.051
CIE-LUV	70.037, -46.114, -6.57
Hunter-Lab	63.877, -29.894, -3.252
Binary	01001000, 10111100, 10111000

#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#bc484c
```
#bc484c rgb(188,72,76)
```

Complementary Color

#48bc7e
```
#48bc7e rgb(72,188,126)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#4886bc
```
#4886bc rgb(72,134,188)
```

Analogous Color

#bc7e48
```
#bc7e48 rgb(188,126,72)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#bc4886
```
#bc4886 rgb(188,72,134)
```

Split Complementary Color

#bcb848
```
#bcb848 rgb(188,184,72)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#b848bc
```
#b848bc rgb(184,72,188)
```

Triadic Color

#4cbc48
```
#4cbc48 rgb(76,188,72)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#b848bc
```
#b848bc rgb(184,72,188)
```
#bc484c
```
#bc484c rgb(188,72,76)
```

Tetradic Color

#318683
```
#318683 rgb(49,134,131)
```
#389996
```
#389996 rgb(56,153,150)
```
#3faca8
```
#3faca8 rgb(63,172,168)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#5bc3bf
```
#5bc3bf rgb(91,195,191)
```
#6dcac6
```
#6dcac6 rgb(109,202,198)
```
#80d1ce
```
#80d1ce rgb(128,209,206)
```

Monochromatic Color

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

#48bc9b
```
#48bc9b rgb(72,188,155)
```
#48bca5
```
#48bca5 rgb(72,188,165)
```
#48bcae
```
#48bcae rgb(72,188,174)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#48b6bc
```
#48b6bc rgb(72,182,188)
```
#48adbc
```
#48adbc rgb(72,173,188)
```
#48a3bc
```
#48a3bc rgb(72,163,188)
```

Similar Colors

Text with hexadecimal color #48bcb8

This text has a font color of #48bcb8.

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

#48bcb8 background color

This paragraph has a background color of #48bcb8.

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

#48bcb8 border color

This element has a border color of #48bcb8.

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

CSS codes

.text {color:#48bcb8;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#071212
```
#071212 rgb(7,18,18)
```
#0c2020
```
#0c2020 rgb(12,32,32)
```
#112f2e
```
#112f2e rgb(17,47,46)
```
#163d3c
```
#163d3c rgb(22,61,60)
```
#1c4b4a
```
#1c4b4a rgb(28,75,74)
```
#215a58
```
#215a58 rgb(33,90,88)
```
#266866
```
#266866 rgb(38,104,102)
```
#2b7774
```
#2b7774 rgb(43,119,116)
```
#318582
```
#318582 rgb(49,133,130)
```
#369390
```
#369390 rgb(54,147,144)
```
#3ba29e
```
#3ba29e rgb(59,162,158)
```
#40b0ac
```
#40b0ac rgb(64,176,172)
```

Shade Color Variation

#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#56c1be
```
#56c1be rgb(86,193,190)
```
#65c7c3
```
#65c7c3 rgb(101,199,195)
```
#73ccc9
```
#73ccc9 rgb(115,204,201)
```
#81d1ce
```
#81d1ce rgb(129,209,206)
```
#90d6d4
```
#90d6d4 rgb(144,214,212)
```
#9edcd9
```
#9edcd9 rgb(158,220,217)
```
#ade1df
```
#ade1df rgb(173,225,223)
```
#bbe6e5
```
#bbe6e5 rgb(187,230,229)
```
#c9ebea
```
#c9ebea rgb(201,235,234)
```
#d8f1f0
```
#d8f1f0 rgb(216,241,240)
```
#e6f6f5
```
#e6f6f5 rgb(230,246,245)
```
#f4fbfb
```
#f4fbfb rgb(244,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #0ef6ee is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#788c8b
```
#788c8b rgb(120,140,139)
```
#6e9694
```
#6e9694 rgb(110,150,148)
```
#659f9d
```
#659f9d rgb(101,159,157)
```
#5ba9a6
```
#5ba9a6 rgb(91,169,166)
```
#52b2af
```
#52b2af rgb(82,178,175)
```
#48bcb8
```
#48bcb8 rgb(72,188,184)
```
#3ec6c1
```
#3ec6c1 rgb(62,198,193)
```
#35cfca
```
#35cfca rgb(53,207,202)
```
#2bd9d3
```
#2bd9d3 rgb(43,217,211)
```
#22e2dc
```
#22e2dc rgb(34,226,220)
```
#18ece5
```
#18ece5 rgb(24,236,229)
```
#0ef6ee
```
#0ef6ee rgb(14,246,238)
```

Tone Color Variation

Below, you can see how #48bcb8 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
#89a09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aeb2 Protanopia 1% of men
#b6abc3 Deuteranopia 1% of men
#59bdca Tritanopia 0.001% of the population

Trichromacy

#8bb3b4 Protanomaly 1% of men, 0.01% of women
#8eb1bf Deuteranomaly 6% of men, 0.4% of women
#53bcc4 Tritanomaly 0.01% of the population

#48bcb8 hex color

#48bcb8 Color Information

#48bcb8 Color Conversion

Color Schemes with #48bcb8

Alternatives to #48bcb8

#48bcb8 Preview

Shades and Tints of #48bcb8

Tones of #48bcb8

Color Blindness Simulator