#48ecf0 hex color

In a RGB color space, hex #48ecf0 is composed of 28.2% red, 92.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 1.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 181.4 degrees, a saturation of 84.8% and a lightness of 61.2%. #48ecf0 color hex could be obtained by blending #90ffff with #00d9e1. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 28
- G 93
- B 94
RGB color chart
- C 70
- M 2
- Y 0
- K 6
CMYK color chart

● #48ecf0 color description : Bright cyan.

The hexadecimal color #48ecf0 has RGB values of R:72, G:236, B:240 and CMYK values of C:0.7, M:0.02, Y:0, K:0.06. Its decimal value is 4779248.

Hex triplet	48ecf0	`#48ecf0`
RGB Decimal	72, 236, 240	`rgb(72,236,240)`
RGB Percent	28.2, 92.5, 94.1	`rgb(28.2%,92.5%,94.1%)`
CMYK	70, 2, 0, 6
HSL	181.4°, 84.8, 61.2	`hsl(181.4,84.8%,61.2%)`
HSV (or HSB)	181.4°, 70, 94.1
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.834, -39.688, -14.145
XYZ	48.391, 67.655, 92.942
xyY	0.232, 0.324, 67.655
CIE-LCH	85.834, 42.133, 199.616
CIE-LUV	85.834, -59.819, -16.322
Hunter-Lab	82.253, -38.927, -9.418
Binary	01001000, 11101100, 11110000

#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#f04c48
```
#f04c48 rgb(240,76,72)
```

Complementary Color

#48f0a0
```
#48f0a0 rgb(72,240,160)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#4898f0
```
#4898f0 rgb(72,152,240)
```

Analogous Color

#f0a048
```
#f0a048 rgb(240,160,72)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#f04898
```
#f04898 rgb(240,72,152)
```

Split Complementary Color

#ecf048
```
#ecf048 rgb(236,240,72)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#f048ec
```
#f048ec rgb(240,72,236)
```

Triadic Color

#48f04c
```
#48f04c rgb(72,240,76)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#f048ec
```
#f048ec rgb(240,72,236)
```
#f04c48
```
#f04c48 rgb(240,76,72)
```

Tetradic Color

#12d5da
```
#12d5da rgb(18,213,218)
```
#19e7ec
```
#19e7ec rgb(25,231,236)
```
#30eaee
```
#30eaee rgb(48,234,238)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#60eef2
```
#60eef2 rgb(96,238,242)
```
#77f1f4
```
#77f1f4 rgb(119,241,244)
```
#8ff3f6
```
#8ff3f6 rgb(143,243,246)
```

Monochromatic Color

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

#48f0ca
```
#48f0ca rgb(72,240,202)
```
#48f0d8
```
#48f0d8 rgb(72,240,216)
```
#48f0e6
```
#48f0e6 rgb(72,240,230)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#48def0
```
#48def0 rgb(72,222,240)
```
#48d0f0
```
#48d0f0 rgb(72,208,240)
```
#48c2f0
```
#48c2f0 rgb(72,194,240)
```

Similar Colors

Text with hexadecimal color #48ecf0

This text has a font color of #48ecf0.

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

#48ecf0 background color

This paragraph has a background color of #48ecf0.

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

#48ecf0 border color

This element has a border color of #48ecf0.

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

CSS codes

.text {color:#48ecf0;}

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

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

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

#011010
```
#011010 rgb(1,16,16)
```
#032223
```
#032223 rgb(3,34,35)
```
#043435
```
#043435 rgb(4,52,53)
```
#064547
```
#064547 rgb(6,69,71)
```
#075759
```
#075759 rgb(7,87,89)
```
#09696b
```
#09696b rgb(9,105,107)
```
#0a7a7d
```
#0a7a7d rgb(10,122,125)
```
#0c8c8f
```
#0c8c8f rgb(12,140,143)
```
#0d9ea1
```
#0d9ea1 rgb(13,158,161)
```
#0fb0b4
```
#0fb0b4 rgb(15,176,180)
```
#10c1c6
```
#10c1c6 rgb(16,193,198)
```
#12d3d8
```
#12d3d8 rgb(18,211,216)
```
#13e5ea
```
#13e5ea rgb(19,229,234)
```

Shade Color Variation

#24e8ed
```
#24e8ed rgb(36,232,237)
```
#36eaef
```
#36eaef rgb(54,234,239)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#5aeef1
```
#5aeef1 rgb(90,238,241)
```
#6cf0f3
```
#6cf0f3 rgb(108,240,243)
```
#7ef2f4
```
#7ef2f4 rgb(126,242,244)
```
#91f4f6
```
#91f4f6 rgb(145,244,246)
```
#a3f5f7
```
#a3f5f7 rgb(163,245,247)
```
#b5f7f9
```
#b5f7f9 rgb(181,247,249)
```
#c7f9fa
```
#c7f9fa rgb(199,249,250)
```
#d9fbfc
```
#d9fbfc rgb(217,251,252)
```
#ebfdfd
```
#ebfdfd rgb(235,253,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#94a3a4
```
#94a3a4 rgb(148,163,164)
```
#8dabab
```
#8dabab rgb(141,171,171)
```
#85b2b3
```
#85b2b3 rgb(133,178,179)
```
#7db9bb
```
#7db9bb rgb(125,185,187)
```
#76c0c2
```
#76c0c2 rgb(118,192,194)
```
#6ec8ca
```
#6ec8ca rgb(110,200,202)
```
#66cfd2
```
#66cfd2 rgb(102,207,210)
```
#5fd6d9
```
#5fd6d9 rgb(95,214,217)
```
#57dde1
```
#57dde1 rgb(87,221,225)
```
#50e5e8
```
#50e5e8 rgb(80,229,232)
```
#48ecf0
```
#48ecf0 rgb(72,236,240)
```
#40f3f8
```
#40f3f8 rgb(64,243,248)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a4c5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d7e4 Protanopia 1% of men
#dbd3fa Deuteranopia 1% of men
#5aebfc Tritanopia 0.001% of the population

Trichromacy

#a4dee8 Protanomaly 1% of men, 0.01% of women
#a6dcf6 Deuteranomaly 6% of men, 0.4% of women
#53ebf7 Tritanomaly 0.01% of the population

#48ecf0 hex color

#48ecf0 Color Information

#48ecf0 Color Conversion

Color Schemes with #48ecf0

Alternatives to #48ecf0

#48ecf0 Preview

Shades and Tints of #48ecf0

Tones of #48ecf0

Color Blindness Simulator