#48e4eb hex color

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

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

● #48e4eb color description : Soft cyan.

The hexadecimal color #48e4eb has RGB values of R:72, G:228, B:235 and CMYK values of C:0.69, M:0.03, Y:0, K:0.08. Its decimal value is 4777195.

Hex triplet	48e4eb	`#48e4eb`
RGB Decimal	72, 228, 235	`rgb(72,228,235)`
RGB Percent	28.2, 89.4, 92.2	`rgb(28.2%,89.4%,92.2%)`
CMYK	69, 3, 0, 8
HSL	182.6°, 80.3, 60.2	`hsl(182.6,80.3%,60.2%)`
HSV (or HSB)	182.6°, 69.4, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.368, -37.441, -15.207
XYZ	45.407, 62.859, 88.333
xyY	0.231, 0.32, 62.859
CIE-LCH	83.368, 40.412, 202.104
CIE-LUV	83.368, -57.352, -18.359
Hunter-Lab	79.283, -36.516, -10.559
Binary	01001000, 11100100, 11101011

#48e4eb
```
#48e4eb rgb(72,228,235)
```
#eb4f48
```
#eb4f48 rgb(235,79,72)
```

Complementary Color

#48eba1
```
#48eba1 rgb(72,235,161)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#4893eb
```
#4893eb rgb(72,147,235)
```

Analogous Color

#eba148
```
#eba148 rgb(235,161,72)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#eb4893
```
#eb4893 rgb(235,72,147)
```

Split Complementary Color

#e4eb48
```
#e4eb48 rgb(228,235,72)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#eb48e4
```
#eb48e4 rgb(235,72,228)
```

Triadic Color

#48eb4f
```
#48eb4f rgb(72,235,79)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#eb48e4
```
#eb48e4 rgb(235,72,228)
```
#eb4f48
```
#eb4f48 rgb(235,79,72)
```

Tetradic Color

#17c8d0
```
#17c8d0 rgb(23,200,208)
```
#1adde6
```
#1adde6 rgb(26,221,230)
```
#31e1e8
```
#31e1e8 rgb(49,225,232)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#5fe7ee
```
#5fe7ee rgb(95,231,238)
```
#76ebf0
```
#76ebf0 rgb(118,235,240)
```
#8deef3
```
#8deef3 rgb(141,238,243)
```

Monochromatic Color

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

#48ebc9
```
#48ebc9 rgb(72,235,201)
```
#48ebd7
```
#48ebd7 rgb(72,235,215)
```
#48ebe4
```
#48ebe4 rgb(72,235,228)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#48d6eb
```
#48d6eb rgb(72,214,235)
```
#48c9eb
```
#48c9eb rgb(72,201,235)
```
#48bbeb
```
#48bbeb rgb(72,187,235)
```

Similar Colors

Text with hexadecimal color #48e4eb

This text has a font color of #48e4eb.

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

#48e4eb background color

This paragraph has a background color of #48e4eb.

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

#48e4eb border color

This element has a border color of #48e4eb.

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

CSS codes

.text {color:#48e4eb;}

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

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

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

#010b0c
```
#010b0c rgb(1,11,12)
```
#031c1d
```
#031c1d rgb(3,28,29)
```
#052d2f
```
#052d2f rgb(5,45,47)
```
#073e41
```
#073e41 rgb(7,62,65)
```
#094f52
```
#094f52 rgb(9,79,82)
```
#0b6064
```
#0b6064 rgb(11,96,100)
```
#0d7176
```
#0d7176 rgb(13,113,118)
```
#0f8287
```
#0f8287 rgb(15,130,135)
```
#119399
```
#119399 rgb(17,147,153)
```
#13a4ab
```
#13a4ab rgb(19,164,171)
```
#15b5bc
```
#15b5bc rgb(21,181,188)
```
#17c6ce
```
#17c6ce rgb(23,198,206)
```
#18d7e0
```
#18d7e0 rgb(24,215,224)
```

Shade Color Variation

#25dfe7
```
#25dfe7 rgb(37,223,231)
```
#36e1e9
```
#36e1e9 rgb(54,225,233)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#5ae7ed
```
#5ae7ed rgb(90,231,237)
```
#6be9ef
```
#6be9ef rgb(107,233,239)
```
#7decf1
```
#7decf1 rgb(125,236,241)
```
#8feef3
```
#8feef3 rgb(143,238,243)
```
#a0f1f5
```
#a0f1f5 rgb(160,241,245)
```
#b2f4f7
```
#b2f4f7 rgb(178,244,247)
```
#c4f6f9
```
#c4f6f9 rgb(196,246,249)
```
#d5f9fa
```
#d5f9fa rgb(213,249,250)
```
#e7fbfc
```
#e7fbfc rgb(231,251,252)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#969d9d
```
#969d9d rgb(150,157,157)
```
#8ea4a5
```
#8ea4a5 rgb(142,164,165)
```
#86abad
```
#86abad rgb(134,171,173)
```
#7fb2b4
```
#7fb2b4 rgb(127,178,180)
```
#77b9bc
```
#77b9bc rgb(119,185,188)
```
#6fc0c4
```
#6fc0c4 rgb(111,192,196)
```
#67c7cc
```
#67c7cc rgb(103,199,204)
```
#5fcfd4
```
#5fcfd4 rgb(95,207,212)
```
#58d6db
```
#58d6db rgb(88,214,219)
```
#50dde3
```
#50dde3 rgb(80,221,227)
```
#48e4eb
```
#48e4eb rgb(72,228,235)
```
#40ebf3
```
#40ebf3 rgb(64,235,243)
```
#38f2fb
```
#38f2fb rgb(56,242,251)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0bfc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d0e0 Protanopia 1% of men
#d3cdf4 Deuteranopia 1% of men
#58e3f4 Tritanopia 0.001% of the population

Trichromacy

#9fd7e4 Protanomaly 1% of men, 0.01% of women
#a1d5f1 Deuteranomaly 6% of men, 0.4% of women
#52e3f1 Tritanomaly 0.01% of the population

#48e4eb hex color

#48e4eb Color Information

#48e4eb Color Conversion

Color Schemes with #48e4eb

Alternatives to #48e4eb

#48e4eb Preview

Shades and Tints of #48e4eb

Tones of #48e4eb

Color Blindness Simulator