#48c0ee hex color

In a RGB color space, hex #48c0ee is composed of 28.2% red, 75.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 19.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 196.6 degrees, a saturation of 83% and a lightness of 60.8%. #48c0ee color hex could be obtained by blending #90ffff with #0081dd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 75
- B 93
RGB color chart
- C 70
- M 19
- Y 0
- K 7
CMYK color chart

● #48c0ee color description : Soft blue.

The hexadecimal color #48c0ee has RGB values of R:72, G:192, B:238 and CMYK values of C:0.7, M:0.19, Y:0, K:0.07. Its decimal value is 4767982.

Hex triplet	48c0ee	`#48c0ee`
RGB Decimal	72, 192, 238	`rgb(72,192,238)`
RGB Percent	28.2, 75.3, 93.3	`rgb(28.2%,75.3%,93.3%)`
CMYK	70, 19, 0, 7
HSL	196.6°, 83, 60.8	`hsl(196.6,83%,60.8%)`
HSV (or HSB)	196.6°, 69.7, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.054, -18.934, -32.522
XYZ	36.951, 45.247, 87.67
xyY	0.218, 0.266, 45.247
CIE-LCH	73.054, 37.632, 239.792
CIE-LUV	73.054, -44.46, -49.609
Hunter-Lab	67.266, -19.661, -30.189
Binary	01001000, 11000000, 11101110

#48c0ee
```
#48c0ee rgb(72,192,238)
```
#ee7648
```
#ee7648 rgb(238,118,72)
```

Complementary Color

#48eec9
```
#48eec9 rgb(72,238,201)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#486dee
```
#486dee rgb(72,109,238)
```

Analogous Color

#eec948
```
#eec948 rgb(238,201,72)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#ee486d
```
#ee486d rgb(238,72,109)
```

Split Complementary Color

#c0ee48
```
#c0ee48 rgb(192,238,72)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#ee48c0
```
#ee48c0 rgb(238,72,192)
```

Triadic Color

#48ee76
```
#48ee76 rgb(72,238,118)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#ee48c0
```
#ee48c0 rgb(238,72,192)
```
#ee7648
```
#ee7648 rgb(238,118,72)
```

Tetradic Color

#14a0d6
```
#14a0d6 rgb(20,160,214)
```
#19b0ea
```
#19b0ea rgb(25,176,234)
```
#31b8ec
```
#31b8ec rgb(49,184,236)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#5fc8f0
```
#5fc8f0 rgb(95,200,240)
```
#77d0f2
```
#77d0f2 rgb(119,208,242)
```
#8ed8f5
```
#8ed8f5 rgb(142,216,245)
```

Monochromatic Color

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

#48eaee
```
#48eaee rgb(72,234,238)
```
#48dcee
```
#48dcee rgb(72,220,238)
```
#48ceee
```
#48ceee rgb(72,206,238)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#48b2ee
```
#48b2ee rgb(72,178,238)
```
#48a4ee
```
#48a4ee rgb(72,164,238)
```
#4897ee
```
#4897ee rgb(72,151,238)
```

Similar Colors

Text with hexadecimal color #48c0ee

This text has a font color of #48c0ee.

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

#48c0ee background color

This paragraph has a background color of #48c0ee.

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

#48c0ee border color

This element has a border color of #48c0ee.

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

CSS codes

.text {color:#48c0ee;}

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

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

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, #010b0e is the darkest color, while #fbfeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#031820
```
#031820 rgb(3,24,32)
```
#052632
```
#052632 rgb(5,38,50)
```
#063344
```
#063344 rgb(6,51,68)
```
#084156
```
#084156 rgb(8,65,86)
```
#0a4e68
```
#0a4e68 rgb(10,78,104)
```
#0b5b7a
```
#0b5b7a rgb(11,91,122)
```
#0d698c
```
#0d698c rgb(13,105,140)
```
#0f769e
```
#0f769e rgb(15,118,158)
```
#1084b0
```
#1084b0 rgb(16,132,176)
```
#1291c2
```
#1291c2 rgb(18,145,194)
```
#149fd4
```
#149fd4 rgb(20,159,212)
```
#15ace6
```
#15ace6 rgb(21,172,230)
```

Shade Color Variation

#24b4eb
```
#24b4eb rgb(36,180,235)
```
#36baec
```
#36baec rgb(54,186,236)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#5ac6f0
```
#5ac6f0 rgb(90,198,240)
```
#6cccf1
```
#6cccf1 rgb(108,204,241)
```
#7ed3f3
```
#7ed3f3 rgb(126,211,243)
```
#90d9f5
```
#90d9f5 rgb(144,217,245)
```
#a2dff6
```
#a2dff6 rgb(162,223,246)
```
#b4e5f8
```
#b4e5f8 rgb(180,229,248)
```
#c6ebfa
```
#c6ebfa rgb(198,235,250)
```
#d8f1fb
```
#d8f1fb rgb(216,241,251)
```
#eaf8fd
```
#eaf8fd rgb(234,248,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959ea1 is the less saturated color, while #39c7fd is the most saturated one.

#959ea1
```
#959ea1 rgb(149,158,161)
```
#8da1a9
```
#8da1a9 rgb(141,161,169)
```
#86a5b0
```
#86a5b0 rgb(134,165,176)
```
#7ea8b8
```
#7ea8b8 rgb(126,168,184)
```
#76abc0
```
#76abc0 rgb(118,171,192)
```
#6eafc8
```
#6eafc8 rgb(110,175,200)
```
#67b2cf
```
#67b2cf rgb(103,178,207)
```
#5fb6d7
```
#5fb6d7 rgb(95,182,215)
```
#57b9df
```
#57b9df rgb(87,185,223)
```
#50bde6
```
#50bde6 rgb(80,189,230)
```
#48c0ee
```
#48c0ee rgb(72,192,238)
```
#40c3f6
```
#40c3f6 rgb(64,195,246)
```
#39c7fd
```
#39c7fd rgb(57,199,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab5e5 Protanopia 1% of men
#a2b5f4 Deuteranopia 1% of men
#3bc7d6 Tritanopia 0.001% of the population

Trichromacy

#86b9e8 Protanomaly 1% of men, 0.01% of women
#81b9f2 Deuteranomaly 6% of men, 0.4% of women
#40c4df Tritanomaly 0.01% of the population

#48c0ee hex color

#48c0ee Color Information

#48c0ee Color Conversion

Color Schemes with #48c0ee

Alternatives to #48c0ee

#48c0ee Preview

Shades and Tints of #48c0ee

Tones of #48c0ee

Color Blindness Simulator