#48d5eb hex color

In a RGB color space, hex #48d5eb is composed of 28.2% red, 83.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 9.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 188.1 degrees, a saturation of 80.3% and a lightness of 60.2%. #48d5eb color hex could be obtained by blending #90ffff with #00abd7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 84
- B 92
RGB color chart
- C 69
- M 9
- Y 0
- K 8
CMYK color chart

● #48d5eb color description : Soft cyan.

The hexadecimal color #48d5eb has RGB values of R:72, G:213, B:235 and CMYK values of C:0.69, M:0.09, Y:0, K:0.08. Its decimal value is 4773355.

Hex triplet	48d5eb	`#48d5eb`
RGB Decimal	72, 213, 235	`rgb(72,213,235)`
RGB Percent	28.2, 83.5, 92.2	`rgb(28.2%,83.5%,92.2%)`
CMYK	69, 9, 0, 8
HSL	188.1°, 80.3, 60.2	`hsl(188.1,80.3%,60.2%)`
HSV (or HSB)	188.1°, 69.4, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.019, -30.371, -21.774
XYZ	41.458, 54.961, 87.016
xyY	0.226, 0.3, 54.961
CIE-LCH	79.019, 37.37, 215.639
CIE-LUV	79.019, -52.066, -30.2
Hunter-Lab	74.136, -29.917, -17.697
Binary	01001000, 11010101, 11101011

#48d5eb
```
#48d5eb rgb(72,213,235)
```
#eb5e48
```
#eb5e48 rgb(235,94,72)
```

Complementary Color

#48ebb0
```
#48ebb0 rgb(72,235,176)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#4884eb
```
#4884eb rgb(72,132,235)
```

Analogous Color

#ebb048
```
#ebb048 rgb(235,176,72)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#eb4884
```
#eb4884 rgb(235,72,132)
```

Split Complementary Color

#d5eb48
```
#d5eb48 rgb(213,235,72)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#eb48d5
```
#eb48d5 rgb(235,72,213)
```

Triadic Color

#48eb5e
```
#48eb5e rgb(72,235,94)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#eb48d5
```
#eb48d5 rgb(235,72,213)
```
#eb5e48
```
#eb5e48 rgb(235,94,72)
```

Tetradic Color

#17b7d0
```
#17b7d0 rgb(23,183,208)
```
#1acae6
```
#1acae6 rgb(26,202,230)
```
#31d0e8
```
#31d0e8 rgb(49,208,232)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#5fdaee
```
#5fdaee rgb(95,218,238)
```
#76e0f0
```
#76e0f0 rgb(118,224,240)
```
#8de5f3
```
#8de5f3 rgb(141,229,243)
```

Monochromatic Color

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

#48ebd8
```
#48ebd8 rgb(72,235,216)
```
#48ebe6
```
#48ebe6 rgb(72,235,230)
```
#48e3eb
```
#48e3eb rgb(72,227,235)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#48c7eb
```
#48c7eb rgb(72,199,235)
```
#48baeb
```
#48baeb rgb(72,186,235)
```
#48aceb
```
#48aceb rgb(72,172,235)
```

Similar Colors

Text with hexadecimal color #48d5eb

This text has a font color of #48d5eb.

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

#48d5eb background color

This paragraph has a background color of #48d5eb.

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

#48d5eb border color

This element has a border color of #48d5eb.

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

CSS codes

.text {color:#48d5eb;}

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

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

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#031a1d
```
#031a1d rgb(3,26,29)
```
#05292f
```
#05292f rgb(5,41,47)
```
#073941
```
#073941 rgb(7,57,65)
```
#094852
```
#094852 rgb(9,72,82)
```
#0b5864
```
#0b5864 rgb(11,88,100)
```
#0d6776
```
#0d6776 rgb(13,103,118)
```
#0f7787
```
#0f7787 rgb(15,119,135)
```
#118799
```
#118799 rgb(17,135,153)
```
#1396ab
```
#1396ab rgb(19,150,171)
```
#15a6bc
```
#15a6bc rgb(21,166,188)
```
#17b5ce
```
#17b5ce rgb(23,181,206)
```
#18c5e0
```
#18c5e0 rgb(24,197,224)
```

Shade Color Variation

#25cde7
```
#25cde7 rgb(37,205,231)
```
#36d1e9
```
#36d1e9 rgb(54,209,233)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#5ad9ed
```
#5ad9ed rgb(90,217,237)
```
#6bddef
```
#6bddef rgb(107,221,239)
```
#7de1f1
```
#7de1f1 rgb(125,225,241)
```
#8fe5f3
```
#8fe5f3 rgb(143,229,243)
```
#a0e9f5
```
#a0e9f5 rgb(160,233,245)
```
#b2edf7
```
#b2edf7 rgb(178,237,247)
```
#c4f1f9
```
#c4f1f9 rgb(196,241,249)
```
#d5f5fa
```
#d5f5fa rgb(213,245,250)
```
#e7fafc
```
#e7fafc rgb(231,250,252)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969c9d is the less saturated color, while #38e0fb is the most saturated one.

#969c9d
```
#969c9d rgb(150,156,157)
```
#8ea2a5
```
#8ea2a5 rgb(142,162,165)
```
#86a7ad
```
#86a7ad rgb(134,167,173)
```
#7fadb4
```
#7fadb4 rgb(127,173,180)
```
#77b3bc
```
#77b3bc rgb(119,179,188)
```
#6fb8c4
```
#6fb8c4 rgb(111,184,196)
```
#67becc
```
#67becc rgb(103,190,204)
```
#5fc4d4
```
#5fc4d4 rgb(95,196,212)
```
#58cadb
```
#58cadb rgb(88,202,219)
```
#50cfe3
```
#50cfe3 rgb(80,207,227)
```
#48d5eb
```
#48d5eb rgb(72,213,235)
```
#40dbf3
```
#40dbf3 rgb(64,219,243)
```
#38e0fb
```
#38e0fb rgb(56,224,251)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#99b5b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c5e1 Protanopia 1% of men
#c0c3f3 Deuteranopia 1% of men
#4ed7e7 Tritanopia 0.001% of the population

Trichromacy

#95cae4 Protanomaly 1% of men, 0.01% of women
#94c9f0 Deuteranomaly 6% of men, 0.4% of women
#4bd6e8 Tritanomaly 0.01% of the population

#48d5eb hex color

#48d5eb Color Information

#48d5eb Color Conversion

Color Schemes with #48d5eb

Alternatives to #48d5eb

#48d5eb Preview

Shades and Tints of #48d5eb

Tones of #48d5eb

Color Blindness Simulator