#48bdc5 hex color

In a RGB color space, hex #48bdc5 is composed of 28.2% red, 74.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 4.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 183.8 degrees, a saturation of 51.9% and a lightness of 52.7%. #48bdc5 color hex could be obtained by blending #90ffff with #007b8b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 74
- B 77
RGB color chart
- C 63
- M 4
- Y 0
- K 23
CMYK color chart

● #48bdc5 color description : Moderate cyan.

The hexadecimal color #48bdc5 has RGB values of R:72, G:189, B:197 and CMYK values of C:0.63, M:0.04, Y:0, K:0.23. Its decimal value is 4767173.

Hex triplet	48bdc5	`#48bdc5`
RGB Decimal	72, 189, 197	`rgb(72,189,197)`
RGB Percent	28.2, 74.1, 77.3	`rgb(28.2%,74.1%,77.3%)`
CMYK	63, 4, 0, 23
HSL	183.8°, 51.9, 52.7	`hsl(183.8,51.9%,52.7%)`
HSV (or HSB)	183.8°, 63.5, 77.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.734, -29.882, -13.749
XYZ	30.945, 41.802, 59.258
xyY	0.234, 0.317, 41.802
CIE-LCH	70.734, 32.893, 204.707
CIE-LUV	70.734, -45.73, -16.718
Hunter-Lab	64.654, -27.71, -9.084
Binary	01001000, 10111101, 11000101

#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#c55048
```
#c55048 rgb(197,80,72)
```

Complementary Color

#48c58f
```
#48c58f rgb(72,197,143)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#487fc5
```
#487fc5 rgb(72,127,197)
```

Analogous Color

#c58f48
```
#c58f48 rgb(197,143,72)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#c5487f
```
#c5487f rgb(197,72,127)
```

Split Complementary Color

#bdc548
```
#bdc548 rgb(189,197,72)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#c548bd
```
#c548bd rgb(197,72,189)
```

Triadic Color

#48c550
```
#48c550 rgb(72,197,80)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#c548bd
```
#c548bd rgb(197,72,189)
```
#c55048
```
#c55048 rgb(197,80,72)
```

Tetradic Color

#2e8c92
```
#2e8c92 rgb(46,140,146)
```
#349ea6
```
#349ea6 rgb(52,158,166)
```
#3bb1b9
```
#3bb1b9 rgb(59,177,185)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#5bc4cb
```
#5bc4cb rgb(91,196,203)
```
#6fcbd1
```
#6fcbd1 rgb(111,203,209)
```
#82d2d7
```
#82d2d7 rgb(130,210,215)
```

Monochromatic Color

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

#48c5ae
```
#48c5ae rgb(72,197,174)
```
#48c5b8
```
#48c5b8 rgb(72,197,184)
```
#48c5c3
```
#48c5c3 rgb(72,197,195)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#48b3c5
```
#48b3c5 rgb(72,179,197)
```
#48a8c5
```
#48a8c5 rgb(72,168,197)
```
#489ec5
```
#489ec5 rgb(72,158,197)
```

Similar Colors

Text with hexadecimal color #48bdc5

This text has a font color of #48bdc5.

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

#48bdc5 background color

This paragraph has a background color of #48bdc5.

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

#48bdc5 border color

This element has a border color of #48bdc5.

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

CSS codes

.text {color:#48bdc5;}

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

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

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, #030a0b is the darkest color, while #fbfdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#08181a
```
#08181a rgb(8,24,26)
```
#0d2728
```
#0d2728 rgb(13,39,40)
```
#123537
```
#123537 rgb(18,53,55)
```
#164346
```
#164346 rgb(22,67,70)
```
#1b5155
```
#1b5155 rgb(27,81,85)
```
#206064
```
#206064 rgb(32,96,100)
```
#246e73
```
#246e73 rgb(36,110,115)
```
#297c82
```
#297c82 rgb(41,124,130)
```
#2e8a91
```
#2e8a91 rgb(46,138,145)
```
#3399a0
```
#3399a0 rgb(51,153,160)
```
#37a7ae
```
#37a7ae rgb(55,167,174)
```
#3cb5bd
```
#3cb5bd rgb(60,181,189)
```

Shade Color Variation

#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#57c2ca
```
#57c2ca rgb(87,194,202)
```
#66c8ce
```
#66c8ce rgb(102,200,206)
```
#75cdd3
```
#75cdd3 rgb(117,205,211)
```
#84d2d8
```
#84d2d8 rgb(132,210,216)
```
#92d8dd
```
#92d8dd rgb(146,216,221)
```
#a1dde1
```
#a1dde1 rgb(161,221,225)
```
#b0e3e6
```
#b0e3e6 rgb(176,227,230)
```
#bfe8eb
```
#bfe8eb rgb(191,232,235)
```
#ceedef
```
#ceedef rgb(206,237,239)
```
#ddf3f4
```
#ddf3f4 rgb(221,243,244)
```
#ecf8f9
```
#ecf8f9 rgb(236,248,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808d8d is the less saturated color, while #10edfd is the most saturated one.

#808d8d
```
#808d8d rgb(128,141,141)
```
#769597
```
#769597 rgb(118,149,151)
```
#6d9da0
```
#6d9da0 rgb(109,157,160)
```
#64a5a9
```
#64a5a9 rgb(100,165,169)
```
#5badb2
```
#5badb2 rgb(91,173,178)
```
#51b5bc
```
#51b5bc rgb(81,181,188)
```
#48bdc5
```
#48bdc5 rgb(72,189,197)
```
#3fc5ce
```
#3fc5ce rgb(63,197,206)
```
#35cdd8
```
#35cdd8 rgb(53,205,216)
```
#2cd5e1
```
#2cd5e1 rgb(44,213,225)
```
#23ddea
```
#23ddea rgb(35,221,234)
```
#1ae5f3
```
#1ae5f3 rgb(26,229,243)
```
#10edfd
```
#10edfd rgb(16,237,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b0be Protanopia 1% of men
#b2adcf Deuteranopia 1% of men
#54bfcd Tritanopia 0.001% of the population

Trichromacy

#8ab4c0 Protanomaly 1% of men, 0.01% of women
#8bb3cb Deuteranomaly 6% of men, 0.4% of women
#50beca Tritanomaly 0.01% of the population

#48bdc5 hex color

#48bdc5 Color Information

#48bdc5 Color Conversion

Color Schemes with #48bdc5

Alternatives to #48bdc5

#48bdc5 Preview

Shades and Tints of #48bdc5

Tones of #48bdc5

Color Blindness Simulator