#48f0f2 hex color

In a RGB color space, hex #48f0f2 is composed of 28.2% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 180.7 degrees, a saturation of 86.7% and a lightness of 61.6%. #48f0f2 color hex could be obtained by blending #90ffff with #00e1e5. Closest websafe color is: #33ffff.

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

● #48f0f2 color description : Bright cyan.

The hexadecimal color #48f0f2 has RGB values of R:72, G:240, B:242 and CMYK values of C:0.7, M:0.01, Y:0, K:0.05. Its decimal value is 4780274.

Hex triplet	48f0f2	`#48f0f2`
RGB Decimal	72, 240, 242	`rgb(72,240,242)`
RGB Percent	28.2, 94.1, 94.9	`rgb(28.2%,94.1%,94.9%)`
CMYK	70, 1, 0, 5
HSL	180.7°, 86.7, 61.6	`hsl(180.7,86.7%,61.6%)`
HSV (or HSB)	180.7°, 70.2, 94.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.048, -40.936, -13.377
XYZ	49.855, 70.104, 94.903
xyY	0.232, 0.326, 70.104
CIE-LCH	87.048, 43.066, 198.096
CIE-LUV	87.048, -61.076, -14.888
Hunter-Lab	83.728, -40.239, -8.594
Binary	01001000, 11110000, 11110010

#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#f24a48
```
#f24a48 rgb(242,74,72)
```

Complementary Color

#48f29f
```
#48f29f rgb(72,242,159)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#489bf2
```
#489bf2 rgb(72,155,242)
```

Analogous Color

#f29f48
```
#f29f48 rgb(242,159,72)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#f2489b
```
#f2489b rgb(242,72,155)
```

Split Complementary Color

#f0f248
```
#f0f248 rgb(240,242,72)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#f248f0
```
#f248f0 rgb(242,72,240)
```

Triadic Color

#48f24a
```
#48f24a rgb(72,242,74)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#f248f0
```
#f248f0 rgb(242,72,240)
```
#f24a48
```
#f24a48 rgb(242,74,72)
```

Tetradic Color

#10dbde
```
#10dbde rgb(16,219,222)
```
#18ecef
```
#18ecef rgb(24,236,239)
```
#30eef0
```
#30eef0 rgb(48,238,240)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#60f2f4
```
#60f2f4 rgb(96,242,244)
```
#78f4f5
```
#78f4f5 rgb(120,244,245)
```
#8ff6f7
```
#8ff6f7 rgb(143,246,247)
```

Monochromatic Color

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

#48f2ca
```
#48f2ca rgb(72,242,202)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#48f2e6
```
#48f2e6 rgb(72,242,230)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#48e2f2
```
#48e2f2 rgb(72,226,242)
```
#48d4f2
```
#48d4f2 rgb(72,212,242)
```
#48c6f2
```
#48c6f2 rgb(72,198,242)
```

Similar Colors

Text with hexadecimal color #48f0f2

This text has a font color of #48f0f2.

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

#48f0f2 background color

This paragraph has a background color of #48f0f2.

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

#48f0f2 border color

This element has a border color of #48f0f2.

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

CSS codes

.text {color:#48f0f2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011212
```
#011212 rgb(1,18,18)
```
#032425
```
#032425 rgb(3,36,37)
```
#043637
```
#043637 rgb(4,54,55)
```
#054949
```
#054949 rgb(5,73,73)
```
#075b5c
```
#075b5c rgb(7,91,92)
```
#086d6e
```
#086d6e rgb(8,109,110)
```
#097f80
```
#097f80 rgb(9,127,128)
```
#0a9193
```
#0a9193 rgb(10,145,147)
```
#0ca3a5
```
#0ca3a5 rgb(12,163,165)
```
#0db5b7
```
#0db5b7 rgb(13,181,183)
```
#0ec7ca
```
#0ec7ca rgb(14,199,202)
```
#10dadc
```
#10dadc rgb(16,218,220)
```

Shade Color Variation

#11ebee
```
#11ebee rgb(17,235,238)
```
#23edef
```
#23edef rgb(35,237,239)
```
#36eef1
```
#36eef1 rgb(54,238,241)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#5af2f3
```
#5af2f3 rgb(90,242,243)
```
#6df3f5
```
#6df3f5 rgb(109,243,245)
```
#7ff5f6
```
#7ff5f6 rgb(127,245,246)
```
#91f6f7
```
#91f6f7 rgb(145,246,247)
```
#a4f8f9
```
#a4f8f9 rgb(164,248,249)
```
#b6f9fa
```
#b6f9fa rgb(182,249,250)
```
#c8fbfb
```
#c8fbfb rgb(200,251,251)
```
#dbfcfc
```
#dbfcfc rgb(219,252,252)
```
#edfefe
```
#edfefe rgb(237,254,254)
```

Tint Color Variation

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

#9b9f9f
```
#9b9f9f rgb(155,159,159)
```
#93a6a7
```
#93a6a7 rgb(147,166,167)
```
#8caeae
```
#8caeae rgb(140,174,174)
```
#84b5b6
```
#84b5b6 rgb(132,181,182)
```
#7dbcbd
```
#7dbcbd rgb(125,188,189)
```
#75c4c5
```
#75c4c5 rgb(117,196,197)
```
#6ecbcc
```
#6ecbcc rgb(110,203,204)
```
#66d3d4
```
#66d3d4 rgb(102,211,212)
```
#5fdadb
```
#5fdadb rgb(95,218,219)
```
#57e1e3
```
#57e1e3 rgb(87,225,227)
```
#50e9ea
```
#50e9ea rgb(80,233,234)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#40f7fa
```
#40f7fa rgb(64,247,250)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a6c8c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdae6 Protanopia 1% of men
#e0d6fc Deuteranopia 1% of men
#64eeff Tritanopia 0.001% of the population

Trichromacy

#a6e2ea Protanomaly 1% of men, 0.01% of women
#a8e0f8 Deuteranomaly 6% of men, 0.4% of women
#5aeefa Tritanomaly 0.01% of the population

#48f0f2 hex color

#48f0f2 Color Information

#48f0f2 Color Conversion

Color Schemes with #48f0f2

Alternatives to #48f0f2

#48f0f2 Preview

Shades and Tints of #48f0f2

Tones of #48f0f2

Color Blindness Simulator