#48bdb2 hex color

In a RGB color space, hex #48bdb2 is composed of 28.2% red, 74.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 5.8% yellow and 25.9% black. It has a hue angle of 174.4 degrees, a saturation of 47% and a lightness of 51.2%. #48bdb2 color hex could be obtained by blending #90ffff with #007b65. Closest websafe color is: #33cc99.

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

● #48bdb2 color description : Moderate cyan.

The hexadecimal color #48bdb2 has RGB values of R:72, G:189, B:178 and CMYK values of C:0.62, M:0, Y:0.06, K:0.26. Its decimal value is 4767154.

Hex triplet	48bdb2	`#48bdb2`
RGB Decimal	72, 189, 178	`rgb(72,189,178)`
RGB Percent	28.2, 74.1, 69.8	`rgb(28.2%,74.1%,69.8%)`
CMYK	62, 0, 6, 26
HSL	174.4°, 47, 51.2	`hsl(174.4,47%,51.2%)`
HSV (or HSB)	174.4°, 61.9, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.165, -35.169, -4.186
XYZ	28.903, 40.985, 48.505
xyY	0.244, 0.346, 40.985
CIE-LCH	70.165, 35.417, 186.787
CIE-LUV	70.165, -46.833, -0.859
Hunter-Lab	64.019, -31.445, -0.108
Binary	01001000, 10111101, 10110010

#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#bd4853
```
#bd4853 rgb(189,72,83)
```

Complementary Color

#48bd78
```
#48bd78 rgb(72,189,120)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#488ebd
```
#488ebd rgb(72,142,189)
```

Analogous Color

#bd7848
```
#bd7848 rgb(189,120,72)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#bd488e
```
#bd488e rgb(189,72,142)
```

Split Complementary Color

#bdb248
```
#bdb248 rgb(189,178,72)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#b248bd
```
#b248bd rgb(178,72,189)
```

Triadic Color

#53bd48
```
#53bd48 rgb(83,189,72)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#b248bd
```
#b248bd rgb(178,72,189)
```
#bd4853
```
#bd4853 rgb(189,72,83)
```

Tetradic Color

#31887f
```
#31887f rgb(49,136,127)
```
#389a91
```
#389a91 rgb(56,154,145)
```
#3eada3
```
#3eada3 rgb(62,173,163)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#5bc4ba
```
#5bc4ba rgb(91,196,186)
```
#6dcbc2
```
#6dcbc2 rgb(109,203,194)
```
#80d1ca
```
#80d1ca rgb(128,209,202)
```

Monochromatic Color

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

#48bd95
```
#48bd95 rgb(72,189,149)
```
#48bd9f
```
#48bd9f rgb(72,189,159)
```
#48bda8
```
#48bda8 rgb(72,189,168)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#48bdbc
```
#48bdbc rgb(72,189,188)
```
#48b5bd
```
#48b5bd rgb(72,181,189)
```
#48abbd
```
#48abbd rgb(72,171,189)
```

Similar Colors

Text with hexadecimal color #48bdb2

This text has a font color of #48bdb2.

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

#48bdb2 background color

This paragraph has a background color of #48bdb2.

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

#48bdb2 border color

This element has a border color of #48bdb2.

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

CSS codes

.text {color:#48bdb2;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071312
```
#071312 rgb(7,19,18)
```
#0c211f
```
#0c211f rgb(12,33,31)
```
#11302d
```
#11302d rgb(17,48,45)
```
#163e3a
```
#163e3a rgb(22,62,58)
```
#1c4c48
```
#1c4c48 rgb(28,76,72)
```
#215b55
```
#215b55 rgb(33,91,85)
```
#266963
```
#266963 rgb(38,105,99)
```
#2b7871
```
#2b7871 rgb(43,120,113)
```
#30867e
```
#30867e rgb(48,134,126)
```
#36958c
```
#36958c rgb(54,149,140)
```
#3ba399
```
#3ba399 rgb(59,163,153)
```
#40b1a7
```
#40b1a7 rgb(64,177,167)
```

Shade Color Variation

#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#56c2b8
```
#56c2b8 rgb(86,194,184)
```
#65c7be
```
#65c7be rgb(101,199,190)
```
#73cdc4
```
#73cdc4 rgb(115,205,196)
```
#82d2ca
```
#82d2ca rgb(130,210,202)
```
#90d7d0
```
#90d7d0 rgb(144,215,208)
```
#9edcd6
```
#9edcd6 rgb(158,220,214)
```
#ade1dc
```
#ade1dc rgb(173,225,220)
```
#bbe7e3
```
#bbe7e3 rgb(187,231,227)
```
#caece9
```
#caece9 rgb(202,236,233)
```
#d8f1ef
```
#d8f1ef rgb(216,241,239)
```
#e7f6f5
```
#e7f6f5 rgb(231,246,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#818483
```
#818483 rgb(129,132,131)
```
#788d8b
```
#788d8b rgb(120,141,139)
```
#6e9793
```
#6e9793 rgb(110,151,147)
```
#65a09b
```
#65a09b rgb(101,160,155)
```
#5baaa2
```
#5baaa2 rgb(91,170,162)
```
#52b3aa
```
#52b3aa rgb(82,179,170)
```
#48bdb2
```
#48bdb2 rgb(72,189,178)
```
#3ec7ba
```
#3ec7ba rgb(62,199,186)
```
#35d0c2
```
#35d0c2 rgb(53,208,194)
```
#2bdac9
```
#2bdac9 rgb(43,218,201)
```
#22e3d1
```
#22e3d1 rgb(34,227,209)
```
#18edd9
```
#18edd9 rgb(24,237,217)
```
#0ff6e1
```
#0ff6e1 rgb(15,246,225)
```

Tone Color Variation

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

Dichromacy

#b3afac Protanopia 1% of men
#b9abbd Deuteranopia 1% of men
#5cbdcb Tritanopia 0.001% of the population

Trichromacy

#8cb4ae Protanomaly 1% of men, 0.01% of women
#90b1b9 Deuteranomaly 6% of men, 0.4% of women
#55bdc1 Tritanomaly 0.01% of the population

#48bdb2 hex color

#48bdb2 Color Information

#48bdb2 Color Conversion

Color Schemes with #48bdb2

Alternatives to #48bdb2

#48bdb2 Preview

Shades and Tints of #48bdb2

Tones of #48bdb2

Color Blindness Simulator