#48eae2 hex color

In a RGB color space, hex #48eae2 is composed of 28.2% red, 91.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 0% magenta, 3.4% yellow and 8.2% black. It has a hue angle of 177 degrees, a saturation of 79.4% and a lightness of 60%. #48eae2 color hex could be obtained by blending #90ffff with #00d5c5. Closest websafe color is: #33ffcc.

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

● #48eae2 color description : Soft cyan.

The hexadecimal color #48eae2 has RGB values of R:72, G:234, B:226 and CMYK values of C:0.69, M:0, Y:0.03, K:0.08. Its decimal value is 4778722.

Hex triplet	48eae2	`#48eae2`
RGB Decimal	72, 234, 226	`rgb(72,234,226)`
RGB Percent	28.2, 91.8, 88.6	`rgb(28.2%,91.8%,88.6%)`
CMYK	69, 0, 3, 8
HSL	177°, 79.4, 60	`hsl(177,79.4%,60%)`
HSV (or HSB)	177°, 69.2, 91.8
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.848, -42.645, -8.245
XYZ	45.818, 65.71, 82.216
xyY	0.236, 0.339, 65.71
CIE-LCH	84.848, 43.435, 190.943
CIE-LUV	84.848, -60.056, -6.212
Hunter-Lab	81.062, -40.965, -3.391
Binary	01001000, 11101010, 11100010

#48eae2
```
#48eae2 rgb(72,234,226)
```
#ea4850
```
#ea4850 rgb(234,72,80)
```

Complementary Color

#48ea91
```
#48ea91 rgb(72,234,145)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#48a1ea
```
#48a1ea rgb(72,161,234)
```

Analogous Color

#ea9148
```
#ea9148 rgb(234,145,72)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#ea48a1
```
#ea48a1 rgb(234,72,161)
```

Split Complementary Color

#eae248
```
#eae248 rgb(234,226,72)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#e248ea
```
#e248ea rgb(226,72,234)
```

Triadic Color

#50ea48
```
#50ea48 rgb(80,234,72)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#e248ea
```
#e248ea rgb(226,72,234)
```
#ea4850
```
#ea4850 rgb(234,72,80)
```

Tetradic Color

#18cec5
```
#18cec5 rgb(24,206,197)
```
#1ae5db
```
#1ae5db rgb(26,229,219)
```
#31e7de
```
#31e7de rgb(49,231,222)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#5fede6
```
#5fede6 rgb(95,237,230)
```
#76efe9
```
#76efe9 rgb(118,239,233)
```
#8df2ed
```
#8df2ed rgb(141,242,237)
```

Monochromatic Color

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

#48eaba
```
#48eaba rgb(72,234,186)
```
#48eac7
```
#48eac7 rgb(72,234,199)
```
#48ead5
```
#48ead5 rgb(72,234,213)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#48e5ea
```
#48e5ea rgb(72,229,234)
```
#48d7ea
```
#48d7ea rgb(72,215,234)
```
#48caea
```
#48caea rgb(72,202,234)
```

Similar Colors

Text with hexadecimal color #48eae2

This text has a font color of #48eae2.

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

#48eae2 background color

This paragraph has a background color of #48eae2.

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

#48eae2 border color

This element has a border color of #48eae2.

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

CSS codes

.text {color:#48eae2;}

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

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

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

#010b0a
```
#010b0a rgb(1,11,10)
```
#031c1b
```
#031c1b rgb(3,28,27)
```
#052e2c
```
#052e2c rgb(5,46,44)
```
#073f3d
```
#073f3d rgb(7,63,61)
```
#09514d
```
#09514d rgb(9,81,77)
```
#0b635e
```
#0b635e rgb(11,99,94)
```
#0d746f
```
#0d746f rgb(13,116,111)
```
#0f8680
```
#0f8680 rgb(15,134,128)
```
#119791
```
#119791 rgb(17,151,145)
```
#13a9a2
```
#13a9a2 rgb(19,169,162)
```
#15bbb2
```
#15bbb2 rgb(21,187,178)
```
#17ccc3
```
#17ccc3 rgb(23,204,195)
```
#19ded4
```
#19ded4 rgb(25,222,212)
```

Shade Color Variation

#25e6dc
```
#25e6dc rgb(37,230,220)
```
#36e8df
```
#36e8df rgb(54,232,223)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#5aece5
```
#5aece5 rgb(90,236,229)
```
#6beee8
```
#6beee8 rgb(107,238,232)
```
#7df0ea
```
#7df0ea rgb(125,240,234)
```
#8ef2ed
```
#8ef2ed rgb(142,242,237)
```
#a0f4f0
```
#a0f4f0 rgb(160,244,240)
```
#b2f6f3
```
#b2f6f3 rgb(178,246,243)
```
#c3f8f6
```
#c3f8f6 rgb(195,248,246)
```
#d5faf8
```
#d5faf8 rgb(213,250,248)
```
#e6fcfb
```
#e6fcfb rgb(230,252,251)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#969c9b
```
#969c9b rgb(150,156,155)
```
#8fa3a2
```
#8fa3a2 rgb(143,163,162)
```
#87aba9
```
#87aba9 rgb(135,171,169)
```
#7fb3b1
```
#7fb3b1 rgb(127,179,177)
```
#77bbb8
```
#77bbb8 rgb(119,187,184)
```
#6fc3bf
```
#6fc3bf rgb(111,195,191)
```
#67cbc6
```
#67cbc6 rgb(103,203,198)
```
#60d2cd
```
#60d2cd rgb(96,210,205)
```
#58dad4
```
#58dad4 rgb(88,218,212)
```
#50e2db
```
#50e2db rgb(80,226,219)
```
#48eae2
```
#48eae2 rgb(72,234,226)
```
#40f2e9
```
#40f2e9 rgb(64,242,233)
```
#38faf0
```
#38faf0 rgb(56,250,240)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c3c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d5d7 Protanopia 1% of men
#ded0ed Deuteranopia 1% of men
#60e7f8 Tritanopia 0.001% of the population

Trichromacy

#a4dcdb Protanomaly 1% of men, 0.01% of women
#a7d9e9 Deuteranomaly 6% of men, 0.4% of women
#57e8f0 Tritanomaly 0.01% of the population

#48eae2 hex color

#48eae2 Color Information

#48eae2 Color Conversion

Color Schemes with #48eae2

Alternatives to #48eae2

#48eae2 Preview

Shades and Tints of #48eae2

Tones of #48eae2

Color Blindness Simulator