#48cdbf hex color

In a RGB color space, hex #48cdbf is composed of 28.2% red, 80.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 0% magenta, 6.8% yellow and 19.6% black. It has a hue angle of 173.7 degrees, a saturation of 57.1% and a lightness of 54.3%. #48cdbf color hex could be obtained by blending #90ffff with #009b7f. Closest websafe color is: #33cccc.

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

● #48cdbf color description : Moderate cyan.

The hexadecimal color #48cdbf has RGB values of R:72, G:205, B:191 and CMYK values of C:0.65, M:0, Y:0.07, K:0.2. Its decimal value is 4771263.

Hex triplet	48cdbf	`#48cdbf`
RGB Decimal	72, 205, 191	`rgb(72,205,191)`
RGB Percent	28.2, 80.4, 74.9	`rgb(28.2%,80.4%,74.9%)`
CMYK	65, 0, 7, 20
HSL	173.7°, 57.1, 54.3	`hsl(173.7,57.1%,54.3%)`
HSV (or HSB)	173.7°, 64.9, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.326, -39.043, -3.654
XYZ	33.905, 48.799, 56.92
xyY	0.243, 0.35, 48.799
CIE-LCH	75.326, 39.213, 185.347
CIE-LUV	75.326, -51.947, 0.548
Hunter-Lab	69.856, -35.613, 0.589
Binary	01001000, 11001101, 10111111

#48cdbf
```
#48cdbf rgb(72,205,191)
```
#cd4856
```
#cd4856 rgb(205,72,86)
```

Complementary Color

#48cd7d
```
#48cd7d rgb(72,205,125)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#4899cd
```
#4899cd rgb(72,153,205)
```

Analogous Color

#cd7d48
```
#cd7d48 rgb(205,125,72)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#cd4899
```
#cd4899 rgb(205,72,153)
```

Split Complementary Color

#cdbf48
```
#cdbf48 rgb(205,191,72)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#bf48cd
```
#bf48cd rgb(191,72,205)
```

Triadic Color

#56cd48
```
#56cd48 rgb(86,205,72)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#bf48cd
```
#bf48cd rgb(191,72,205)
```
#cd4856
```
#cd4856 rgb(205,72,86)
```

Tetradic Color

#2b9d91
```
#2b9d91 rgb(43,157,145)
```
#30b2a4
```
#30b2a4 rgb(48,178,164)
```
#36c6b6
```
#36c6b6 rgb(54,198,182)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#5cd2c6
```
#5cd2c6 rgb(92,210,198)
```
#70d8cd
```
#70d8cd rgb(112,216,205)
```
#84ddd4
```
#84ddd4 rgb(132,221,212)
```

Monochromatic Color

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

#48cd9e
```
#48cd9e rgb(72,205,158)
```
#48cda9
```
#48cda9 rgb(72,205,169)
```
#48cdb4
```
#48cdb4 rgb(72,205,180)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#48cdca
```
#48cdca rgb(72,205,202)
```
#48c5cd
```
#48c5cd rgb(72,197,205)
```
#48bacd
```
#48bacd rgb(72,186,205)
```

Similar Colors

Text with hexadecimal color #48cdbf

This text has a font color of #48cdbf.

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

#48cdbf background color

This paragraph has a background color of #48cdbf.

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

#48cdbf border color

This element has a border color of #48cdbf.

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

CSS codes

.text {color:#48cdbf;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#09211e
```
#09211e rgb(9,33,30)
```
#0d302c
```
#0d302c rgb(13,48,44)
```
#113f3b
```
#113f3b rgb(17,63,59)
```
#164f49
```
#164f49 rgb(22,79,73)
```
#1a5e57
```
#1a5e57 rgb(26,94,87)
```
#1e6e65
```
#1e6e65 rgb(30,110,101)
```
#227d74
```
#227d74 rgb(34,125,116)
```
#268d82
```
#268d82 rgb(38,141,130)
```
#2b9c90
```
#2b9c90 rgb(43,156,144)
```
#2fab9e
```
#2fab9e rgb(47,171,158)
```
#33bbac
```
#33bbac rgb(51,187,172)
```

Shade Color Variation

#39c9ba
```
#39c9ba rgb(57,201,186)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#57d1c4
```
#57d1c4 rgb(87,209,196)
```
#67d5ca
```
#67d5ca rgb(103,213,202)
```
#76dacf
```
#76dacf rgb(118,218,207)
```
#86ded5
```
#86ded5 rgb(134,222,213)
```
#95e2da
```
#95e2da rgb(149,226,218)
```
#a4e6df
```
#a4e6df rgb(164,230,223)
```
#b4eae5
```
#b4eae5 rgb(180,234,229)
```
#c3efea
```
#c3efea rgb(195,239,234)
```
#d3f3ef
```
#d3f3ef rgb(211,243,239)
```
#e2f7f5
```
#e2f7f5 rgb(226,247,245)
```
#f1fbfa
```
#f1fbfa rgb(241,251,250)
```

Tint Color Variation

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

#878e8d
```
#878e8d rgb(135,142,141)
```
#7e9795
```
#7e9795 rgb(126,151,149)
```
#75a09c
```
#75a09c rgb(117,160,156)
```
#6ca9a3
```
#6ca9a3 rgb(108,169,163)
```
#63b2aa
```
#63b2aa rgb(99,178,170)
```
#5abbb1
```
#5abbb1 rgb(90,187,177)
```
#51c4b8
```
#51c4b8 rgb(81,196,184)
```
#48cdbf
```
#48cdbf rgb(72,205,191)
```
#3fd6c6
```
#3fd6c6 rgb(63,214,198)
```
#36dfcd
```
#36dfcd rgb(54,223,205)
```
#2de8d4
```
#2de8d4 rgb(45,232,212)
```
#24f1db
```
#24f1db rgb(36,241,219)
```
#1bfae2
```
#1bfae2 rgb(27,250,226)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92aca9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bcb8 Protanopia 1% of men
#c8b8ca Deuteranopia 1% of men
#5fcbda Tritanopia 0.001% of the population

Trichromacy

#95c2ba Protanomaly 1% of men, 0.01% of women
#99bfc6 Deuteranomaly 6% of men, 0.4% of women
#57ccd0 Tritanomaly 0.01% of the population

#48cdbf hex color

#48cdbf Color Information

#48cdbf Color Conversion

Color Schemes with #48cdbf

Alternatives to #48cdbf

#48cdbf Preview

Shades and Tints of #48cdbf

Tones of #48cdbf

Color Blindness Simulator