#48cbb2 hex color

In a RGB color space, hex #48cbb2 is composed of 28.2% red, 79.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 12.3% yellow and 20.4% black. It has a hue angle of 168.5 degrees, a saturation of 55.7% and a lightness of 53.9%. #48cbb2 color hex could be obtained by blending #90ffff with #009765. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 80
- B 70
RGB color chart
- C 65
- M 0
- Y 12
- K 20
CMYK color chart

● #48cbb2 color description : Moderate cyan.

The hexadecimal color #48cbb2 has RGB values of R:72, G:203, B:178 and CMYK values of C:0.65, M:0, Y:0.12, K:0.2. Its decimal value is 4770738.

Hex triplet	48cbb2	`#48cbb2`
RGB Decimal	72, 203, 178	`rgb(72,203,178)`
RGB Percent	28.2, 79.6, 69.8	`rgb(28.2%,79.6%,69.8%)`
CMYK	65, 0, 12, 20
HSL	168.5°, 55.7, 53.9	`hsl(168.5,55.7%,53.9%)`
HSV (or HSB)	168.5°, 64.5, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.382, -41.519, 1.987
XYZ	32.062, 47.301, 49.557
xyY	0.249, 0.367, 47.301
CIE-LCH	74.382, 41.567, 177.259
CIE-LUV	74.382, -52.007, 9.53
Hunter-Lab	68.776, -37.145, 5.421
Binary	01001000, 11001011, 10110010

#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#cb4861
```
#cb4861 rgb(203,72,97)
```

Complementary Color

#48cb71
```
#48cb71 rgb(72,203,113)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#48a3cb
```
#48a3cb rgb(72,163,203)
```

Analogous Color

#cb7148
```
#cb7148 rgb(203,113,72)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#cb48a3
```
#cb48a3 rgb(203,72,163)
```

Split Complementary Color

#cbb248
```
#cbb248 rgb(203,178,72)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#b248cb
```
#b248cb rgb(178,72,203)
```

Triadic Color

#61cb48
```
#61cb48 rgb(97,203,72)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#b248cb
```
#b248cb rgb(178,72,203)
```
#cb4861
```
#cb4861 rgb(203,72,97)
```

Tetradic Color

#2c9b85
```
#2c9b85 rgb(44,155,133)
```
#32ae97
```
#32ae97 rgb(50,174,151)
```
#37c2a8
```
#37c2a8 rgb(55,194,168)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#5cd1ba
```
#5cd1ba rgb(92,209,186)
```
#70d6c3
```
#70d6c3 rgb(112,214,195)
```
#84dccb
```
#84dccb rgb(132,220,203)
```

Monochromatic Color

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

#48cb91
```
#48cb91 rgb(72,203,145)
```
#48cb9c
```
#48cb9c rgb(72,203,156)
```
#48cba7
```
#48cba7 rgb(72,203,167)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#48cbbd
```
#48cbbd rgb(72,203,189)
```
#48cbc8
```
#48cbc8 rgb(72,203,200)
```
#48c3cb
```
#48c3cb rgb(72,195,203)
```

Similar Colors

Text with hexadecimal color #48cbb2

This text has a font color of #48cbb2.

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

#48cbb2 background color

This paragraph has a background color of #48cbb2.

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

#48cbb2 border color

This element has a border color of #48cbb2.

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

CSS codes

.text {color:#48cbb2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100d
```
#04100d rgb(4,16,13)
```
#091f1b
```
#091f1b rgb(9,31,27)
```
#0d2e28
```
#0d2e28 rgb(13,46,40)
```
#113d35
```
#113d35 rgb(17,61,53)
```
#164d42
```
#164d42 rgb(22,77,66)
```
#1a5c4f
```
#1a5c4f rgb(26,92,79)
```
#1e6b5d
```
#1e6b5d rgb(30,107,93)
```
#237a6a
```
#237a6a rgb(35,122,106)
```
#278a77
```
#278a77 rgb(39,138,119)
```
#2b9984
```
#2b9984 rgb(43,153,132)
```
#30a891
```
#30a891 rgb(48,168,145)
```
#34b89f
```
#34b89f rgb(52,184,159)
```

Shade Color Variation

#39c7ac
```
#39c7ac rgb(57,199,172)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#57cfb8
```
#57cfb8 rgb(87,207,184)
```
#67d4bf
```
#67d4bf rgb(103,212,191)
```
#76d8c5
```
#76d8c5 rgb(118,216,197)
```
#85dccc
```
#85dccc rgb(133,220,204)
```
#94e1d2
```
#94e1d2 rgb(148,225,210)
```
#a4e5d9
```
#a4e5d9 rgb(164,229,217)
```
#b3e9df
```
#b3e9df rgb(179,233,223)
```
#c2eee5
```
#c2eee5 rgb(194,238,229)
```
#d1f2ec
```
#d1f2ec rgb(209,242,236)
```
#e1f6f2
```
#e1f6f2 rgb(225,246,242)
```
#f0fbf9
```
#f0fbf9 rgb(240,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c8b is the less saturated color, while #1bf8ce is the most saturated one.

#878c8b
```
#878c8b rgb(135,140,139)
```
#7e9590
```
#7e9590 rgb(126,149,144)
```
#759e96
```
#759e96 rgb(117,158,150)
```
#6ca79c
```
#6ca79c rgb(108,167,156)
```
#63b0a1
```
#63b0a1 rgb(99,176,161)
```
#5ab9a7
```
#5ab9a7 rgb(90,185,167)
```
#51c2ac
```
#51c2ac rgb(81,194,172)
```
#48cbb2
```
#48cbb2 rgb(72,203,178)
```
#3fd4b8
```
#3fd4b8 rgb(63,212,184)
```
#36ddbd
```
#36ddbd rgb(54,221,189)
```
#2de6c3
```
#2de6c3 rgb(45,230,195)
```
#24efc8
```
#24efc8 rgb(36,239,200)
```
#1bf8ce
```
#1bf8ce rgb(27,248,206)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1baac Protanopia 1% of men
#c9b5be Deuteranopia 1% of men
#63c8d7 Tritanopia 0.001% of the population

Trichromacy

#95c0ae Protanomaly 1% of men, 0.01% of women
#9abdba Deuteranomaly 6% of men, 0.4% of women
#59c9c9 Tritanomaly 0.01% of the population

#48cbb2 hex color

#48cbb2 Color Information

#48cbb2 Color Conversion

Color Schemes with #48cbb2

Alternatives to #48cbb2

#48cbb2 Preview

Shades and Tints of #48cbb2

Tones of #48cbb2

Color Blindness Simulator