#48f1dc hex color

In a RGB color space, hex #48f1dc is composed of 28.2% red, 94.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 8.7% yellow and 5.5% black. It has a hue angle of 172.5 degrees, a saturation of 85.8% and a lightness of 61.4%. #48f1dc color hex could be obtained by blending #90ffff with #00e3b9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 28
- G 95
- B 86
RGB color chart
- C 70
- M 0
- Y 9
- K 5
CMYK color chart

● #48f1dc color description : Bright cyan.

The hexadecimal color #48f1dc has RGB values of R:72, G:241, B:220 and CMYK values of C:0.7, M:0, Y:0.09, K:0.05. Its decimal value is 4780508.

Hex triplet	48f1dc	`#48f1dc`
RGB Decimal	72, 241, 220	`rgb(72,241,220)`
RGB Percent	28.2, 94.5, 86.3	`rgb(28.2%,94.5%,86.3%)`
CMYK	70, 0, 9, 5
HSL	172.5°, 85.8, 61.4	`hsl(172.5,85.8%,61.4%)`
HSV (or HSB)	172.5°, 70.1, 94.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.727, -47.284, -2.321
XYZ	47.042, 69.451, 78.632
xyY	0.241, 0.356, 69.451
CIE-LCH	86.727, 47.341, 182.81
CIE-LUV	86.727, -62.907, 3.96
Hunter-Lab	83.337, -45.082, 2.394
Binary	01001000, 11110001, 11011100

#48f1dc
```
#48f1dc rgb(72,241,220)
```
#f1485d
```
#f1485d rgb(241,72,93)
```

Complementary Color

#48f188
```
#48f188 rgb(72,241,136)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#48b2f1
```
#48b2f1 rgb(72,178,241)
```

Analogous Color

#f18848
```
#f18848 rgb(241,136,72)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#f148b2
```
#f148b2 rgb(241,72,178)
```

Split Complementary Color

#f1dc48
```
#f1dc48 rgb(241,220,72)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#dc48f1
```
#dc48f1 rgb(220,72,241)
```

Triadic Color

#5df148
```
#5df148 rgb(93,241,72)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#dc48f1
```
#dc48f1 rgb(220,72,241)
```
#f1485d
```
#f1485d rgb(241,72,93)
```

Tetradic Color

#11dcc2
```
#11dcc2 rgb(17,220,194)
```
#19edd3
```
#19edd3 rgb(25,237,211)
```
#30efd7
```
#30efd7 rgb(48,239,215)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#60f3e1
```
#60f3e1 rgb(96,243,225)
```
#77f5e5
```
#77f5e5 rgb(119,245,229)
```
#8ff6ea
```
#8ff6ea rgb(143,246,234)
```

Monochromatic Color

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

#48f1b2
```
#48f1b2 rgb(72,241,178)
```
#48f1c0
```
#48f1c0 rgb(72,241,192)
```
#48f1ce
```
#48f1ce rgb(72,241,206)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#48f1ea
```
#48f1ea rgb(72,241,234)
```
#48eaf1
```
#48eaf1 rgb(72,234,241)
```
#48dcf1
```
#48dcf1 rgb(72,220,241)
```

Similar Colors

Text with hexadecimal color #48f1dc

This text has a font color of #48f1dc.

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

#48f1dc background color

This paragraph has a background color of #48f1dc.

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

#48f1dc border color

This element has a border color of #48f1dc.

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

CSS codes

.text {color:#48f1dc;}

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

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

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, #01110f is the darkest color, while #feffff is the lightest one.

#01110f
```
#01110f rgb(1,17,15)
```
#032420
```
#032420 rgb(3,36,32)
```
#043630
```
#043630 rgb(4,54,48)
```
#064840
```
#064840 rgb(6,72,64)
```
#075a50
```
#075a50 rgb(7,90,80)
```
#086d60
```
#086d60 rgb(8,109,96)
```
#0a7f70
```
#0a7f70 rgb(10,127,112)
```
#0b9180
```
#0b9180 rgb(11,145,128)
```
#0ca390
```
#0ca390 rgb(12,163,144)
```
#0eb5a1
```
#0eb5a1 rgb(14,181,161)
```
#0fc8b1
```
#0fc8b1 rgb(15,200,177)
```
#11dac1
```
#11dac1 rgb(17,218,193)
```
#12ecd1
```
#12ecd1 rgb(18,236,209)
```

Shade Color Variation

#24eed5
```
#24eed5 rgb(36,238,213)
```
#36f0d9
```
#36f0d9 rgb(54,240,217)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#5af2df
```
#5af2df rgb(90,242,223)
```
#6cf4e3
```
#6cf4e3 rgb(108,244,227)
```
#7ff5e6
```
#7ff5e6 rgb(127,245,230)
```
#91f7ea
```
#91f7ea rgb(145,247,234)
```
#a3f8ed
```
#a3f8ed rgb(163,248,237)
```
#b5f9f1
```
#b5f9f1 rgb(181,249,241)
```
#c8fbf4
```
#c8fbf4 rgb(200,251,244)
```
#dafcf8
```
#dafcf8 rgb(218,252,248)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9e9d is the less saturated color, while #40f9e2 is the most saturated one.

#9b9e9d
```
#9b9e9d rgb(155,158,157)
```
#94a5a3
```
#94a5a3 rgb(148,165,163)
```
#8cada9
```
#8cada9 rgb(140,173,169)
```
#85b4ae
```
#85b4ae rgb(133,180,174)
```
#7dbcb4
```
#7dbcb4 rgb(125,188,180)
```
#75c4ba
```
#75c4ba rgb(117,196,186)
```
#6ecbc0
```
#6ecbc0 rgb(110,203,192)
```
#66d3c5
```
#66d3c5 rgb(102,211,197)
```
#5fdacb
```
#5fdacb rgb(95,218,203)
```
#57e2d1
```
#57e2d1 rgb(87,226,209)
```
#50e9d6
```
#50e9d6 rgb(80,233,214)
```
#48f1dc
```
#48f1dc rgb(72,241,220)
```
#40f9e2
```
#40f9e2 rgb(64,249,226)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a5c7c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dad1 Protanopia 1% of men
#e9d5e8 Deuteranopia 1% of men
#66ecfe Tritanopia 0.001% of the population

Trichromacy

#a9e2d5 Protanomaly 1% of men, 0.01% of women
#aedfe3 Deuteranomaly 6% of men, 0.4% of women
#5beef1 Tritanomaly 0.01% of the population

#48f1dc hex color

#48f1dc Color Information

#48f1dc Color Conversion

Color Schemes with #48f1dc

Alternatives to #48f1dc

#48f1dc Preview

Shades and Tints of #48f1dc

Tones of #48f1dc

Color Blindness Simulator