#48c4cf hex color

In a RGB color space, hex #48c4cf is composed of 28.2% red, 76.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 5.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 184.9 degrees, a saturation of 58.4% and a lightness of 54.7%. #48c4cf color hex could be obtained by blending #90ffff with #00899f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 77
- B 81
RGB color chart
- C 65
- M 5
- Y 0
- K 19
CMYK color chart

● #48c4cf color description : Moderate cyan.

The hexadecimal color #48c4cf has RGB values of R:72, G:196, B:207 and CMYK values of C:0.65, M:0.05, Y:0, K:0.19. Its decimal value is 4768975.

Hex triplet	48c4cf	`#48c4cf`
RGB Decimal	72, 196, 207	`rgb(72,196,207)`
RGB Percent	28.2, 76.9, 81.2	`rgb(28.2%,76.9%,81.2%)`
CMYK	65, 5, 0, 19
HSL	184.9°, 58.4, 54.7	`hsl(184.9,58.4%,54.7%)`
HSV (or HSB)	184.9°, 65.2, 81.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.128, -30.383, -15.6
XYZ	33.672, 45.36, 66.009
xyY	0.232, 0.313, 45.36
CIE-LCH	73.128, 34.154, 207.178
CIE-LUV	73.128, -47.697, -19.73
Hunter-Lab	67.35, -28.62, -10.965
Binary	01001000, 11000100, 11001111

#48c4cf
```
#48c4cf rgb(72,196,207)
```
#cf5348
```
#cf5348 rgb(207,83,72)
```

Complementary Color

#48cf97
```
#48cf97 rgb(72,207,151)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#4881cf
```
#4881cf rgb(72,129,207)
```

Analogous Color

#cf9748
```
#cf9748 rgb(207,151,72)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#cf4881
```
#cf4881 rgb(207,72,129)
```

Split Complementary Color

#c4cf48
```
#c4cf48 rgb(196,207,72)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#cf48c4
```
#cf48c4 rgb(207,72,196)
```

Triadic Color

#48cf53
```
#48cf53 rgb(72,207,83)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#cf48c4
```
#cf48c4 rgb(207,72,196)
```
#cf5348
```
#cf5348 rgb(207,83,72)
```

Tetradic Color

#2a97a0
```
#2a97a0 rgb(42,151,160)
```
#2faab5
```
#2faab5 rgb(47,170,181)
```
#35bdc9
```
#35bdc9 rgb(53,189,201)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#5ccbd4
```
#5ccbd4 rgb(92,203,212)
```
#70d1da
```
#70d1da rgb(112,209,218)
```
#85d8df
```
#85d8df rgb(133,216,223)
```

Monochromatic Color

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

#48cfb8
```
#48cfb8 rgb(72,207,184)
```
#48cfc4
```
#48cfc4 rgb(72,207,196)
```
#48cfcf
```
#48cfcf rgb(72,207,207)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#48b9cf
```
#48b9cf rgb(72,185,207)
```
#48aecf
```
#48aecf rgb(72,174,207)
```
#48a2cf
```
#48a2cf rgb(72,162,207)
```

Similar Colors

Text with hexadecimal color #48c4cf

This text has a font color of #48c4cf.

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

#48c4cf background color

This paragraph has a background color of #48c4cf.

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

#48c4cf border color

This element has a border color of #48c4cf.

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

CSS codes

.text {color:#48c4cf;}

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

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

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 #f3fbfc is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#051213
```
#051213 rgb(5,18,19)
```
#092023
```
#092023 rgb(9,32,35)
```
#0d2f32
```
#0d2f32 rgb(13,47,50)
```
#113e42
```
#113e42 rgb(17,62,66)
```
#154c51
```
#154c51 rgb(21,76,81)
```
#195b61
```
#195b61 rgb(25,91,97)
```
#1d6a70
```
#1d6a70 rgb(29,106,112)
```
#227880
```
#227880 rgb(34,120,128)
```
#26878f
```
#26878f rgb(38,135,143)
```
#2a959f
```
#2a959f rgb(42,149,159)
```
#2ea4ae
```
#2ea4ae rgb(46,164,174)
```
#32b3be
```
#32b3be rgb(50,179,190)
```

Shade Color Variation

#38bfcb
```
#38bfcb rgb(56,191,203)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#58c9d3
```
#58c9d3 rgb(88,201,211)
```
#67ced7
```
#67ced7 rgb(103,206,215)
```
#77d3db
```
#77d3db rgb(119,211,219)
```
#86d8df
```
#86d8df rgb(134,216,223)
```
#96dde3
```
#96dde3 rgb(150,221,227)
```
#a5e2e7
```
#a5e2e7 rgb(165,226,231)
```
#b5e7ec
```
#b5e7ec rgb(181,231,236)
```
#c4ecf0
```
#c4ecf0 rgb(196,236,240)
```
#d4f1f4
```
#d4f1f4 rgb(212,241,244)
```
#e3f6f8
```
#e3f6f8 rgb(227,246,248)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

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

#869091
```
#869091 rgb(134,144,145)
```
#7d979a
```
#7d979a rgb(125,151,154)
```
#749fa3
```
#749fa3 rgb(116,159,163)
```
#6ca6ab
```
#6ca6ab rgb(108,166,171)
```
#63aeb4
```
#63aeb4 rgb(99,174,180)
```
#5ab5bd
```
#5ab5bd rgb(90,181,189)
```
#51bdc6
```
#51bdc6 rgb(81,189,198)
```
#48c4cf
```
#48c4cf rgb(72,196,207)
```
#3fcbd8
```
#3fcbd8 rgb(63,203,216)
```
#36d3e1
```
#36d3e1 rgb(54,211,225)
```
#2ddaea
```
#2ddaea rgb(45,218,234)
```
#24e2f3
```
#24e2f3 rgb(36,226,243)
```
#1ce9fb
```
#1ce9fb rgb(28,233,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b6c7 Protanopia 1% of men
#b7b3d8 Deuteranopia 1% of men
#53c6d5 Tritanopia 0.001% of the population

Trichromacy

#8dbbca Protanomaly 1% of men, 0.01% of women
#8eb9d5 Deuteranomaly 6% of men, 0.4% of women
#4fc5d2 Tritanomaly 0.01% of the population

#48c4cf hex color

#48c4cf Color Information

#48c4cf Color Conversion

Color Schemes with #48c4cf

Alternatives to #48c4cf

#48c4cf Preview

Shades and Tints of #48c4cf

Tones of #48c4cf

Color Blindness Simulator