#48bbb2 hex color

In a RGB color space, hex #48bbb2 is composed of 28.2% red, 73.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 4.8% yellow and 26.7% black. It has a hue angle of 175.3 degrees, a saturation of 45.8% and a lightness of 50.8%. #48bbb2 color hex could be obtained by blending #90ffff with #007765. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 73
- B 70
RGB color chart
- C 61
- M 0
- Y 5
- K 27
CMYK color chart

● #48bbb2 color description : Moderate cyan.

The hexadecimal color #48bbb2 has RGB values of R:72, G:187, B:178 and CMYK values of C:0.61, M:0, Y:0.05, K:0.27. Its decimal value is 4766642.

Hex triplet	48bbb2	`#48bbb2`
RGB Decimal	72, 187, 178	`rgb(72,187,178)`
RGB Percent	28.2, 73.3, 69.8	`rgb(28.2%,73.3%,69.8%)`
CMYK	61, 0, 5, 27
HSL	175.3°, 45.8, 50.8	`hsl(175.3,45.8%,50.8%)`
HSV (or HSB)	175.3°, 61.5, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.562, -34.235, -5.076
XYZ	28.476, 40.13, 48.362
xyY	0.243, 0.343, 40.13
CIE-LCH	69.562, 34.609, 188.433
CIE-LUV	69.562, -46.087, -2.367
Hunter-Lab	63.349, -30.621, -0.92
Binary	01001000, 10111011, 10110010

#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#bb4851
```
#bb4851 rgb(187,72,81)
```

Complementary Color

#48bb79
```
#48bb79 rgb(72,187,121)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#488bbb
```
#488bbb rgb(72,139,187)
```

Analogous Color

#bb7948
```
#bb7948 rgb(187,121,72)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#bb488b
```
#bb488b rgb(187,72,139)
```

Split Complementary Color

#bbb248
```
#bbb248 rgb(187,178,72)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#b248bb
```
#b248bb rgb(178,72,187)
```

Triadic Color

#51bb48
```
#51bb48 rgb(81,187,72)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#b248bb
```
#b248bb rgb(178,72,187)
```
#bb4851
```
#bb4851 rgb(187,72,81)
```

Tetradic Color

#31857f
```
#31857f rgb(49,133,127)
```
#389890
```
#389890 rgb(56,152,144)
```
#3faaa2
```
#3faaa2 rgb(63,170,162)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#5bc2ba
```
#5bc2ba rgb(91,194,186)
```
#6dc9c2
```
#6dc9c2 rgb(109,201,194)
```
#80d0c9
```
#80d0c9 rgb(128,208,201)
```

Monochromatic Color

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

#48bb95
```
#48bb95 rgb(72,187,149)
```
#48bb9f
```
#48bb9f rgb(72,187,159)
```
#48bba8
```
#48bba8 rgb(72,187,168)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#48babb
```
#48babb rgb(72,186,187)
```
#48b1bb
```
#48b1bb rgb(72,177,187)
```
#48a7bb
```
#48a7bb rgb(72,167,187)
```

Similar Colors

Text with hexadecimal color #48bbb2

This text has a font color of #48bbb2.

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

#48bbb2 background color

This paragraph has a background color of #48bbb2.

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

#48bbb2 border color

This element has a border color of #48bbb2.

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

CSS codes

.text {color:#48bbb2;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061110
```
#061110 rgb(6,17,16)
```
#0c201e
```
#0c201e rgb(12,32,30)
```
#112e2c
```
#112e2c rgb(17,46,44)
```
#163c39
```
#163c39 rgb(22,60,57)
```
#1c4a47
```
#1c4a47 rgb(28,74,71)
```
#215954
```
#215954 rgb(33,89,84)
```
#266762
```
#266762 rgb(38,103,98)
```
#2c7570
```
#2c7570 rgb(44,117,112)
```
#31847d
```
#31847d rgb(49,132,125)
```
#36928b
```
#36928b rgb(54,146,139)
```
#3ca098
```
#3ca098 rgb(60,160,152)
```
#41afa6
```
#41afa6 rgb(65,175,166)
```

Shade Color Variation

#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#56c0b8
```
#56c0b8 rgb(86,192,184)
```
#65c6be
```
#65c6be rgb(101,198,190)
```
#73cbc4
```
#73cbc4 rgb(115,203,196)
```
#81d0ca
```
#81d0ca rgb(129,208,202)
```
#90d6d0
```
#90d6d0 rgb(144,214,208)
```
#9edbd6
```
#9edbd6 rgb(158,219,214)
```
#ace0dc
```
#ace0dc rgb(172,224,220)
```
#bae6e2
```
#bae6e2 rgb(186,230,226)
```
#c9ebe8
```
#c9ebe8 rgb(201,235,232)
```
#d7f0ee
```
#d7f0ee rgb(215,240,238)
```
#e5f5f4
```
#e5f5f4 rgb(229,245,244)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788b89 is the less saturated color, while #04ffeb is the most saturated one.

#788b89
```
#788b89 rgb(120,139,137)
```
#6f9491
```
#6f9491 rgb(111,148,145)
```
#659e9a
```
#659e9a rgb(101,158,154)
```
#5ba8a2
```
#5ba8a2 rgb(91,168,162)
```
#52b1aa
```
#52b1aa rgb(82,177,170)
```
#48bbb2
```
#48bbb2 rgb(72,187,178)
```
#3ec5ba
```
#3ec5ba rgb(62,197,186)
```
#35cec2
```
#35cec2 rgb(53,206,194)
```
#2bd8ca
```
#2bd8ca rgb(43,216,202)
```
#21e2d3
```
#21e2d3 rgb(33,226,211)
```
#18ebdb
```
#18ebdb rgb(24,235,219)
```
#0ef5e3
```
#0ef5e3 rgb(14,245,227)
```
#04ffeb
```
#04ffeb rgb(4,255,235)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#889f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1adac Protanopia 1% of men
#b7a9bd Deuteranopia 1% of men
#5bbbc9 Tritanopia 0.001% of the population

Trichromacy

#8bb2ae Protanomaly 1% of men, 0.01% of women
#8eb0b9 Deuteranomaly 6% of men, 0.4% of women
#54bbc0 Tritanomaly 0.01% of the population

#48bbb2 hex color

#48bbb2 Color Information

#48bbb2 Color Conversion

Color Schemes with #48bbb2

Alternatives to #48bbb2

#48bbb2 Preview

Shades and Tints of #48bbb2

Tones of #48bbb2

Color Blindness Simulator