#48f9e0 hex color

In a RGB color space, hex #48f9e0 is composed of 28.2% red, 97.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 0% magenta, 10% yellow and 2.4% black. It has a hue angle of 171.5 degrees, a saturation of 93.7% and a lightness of 62.9%. #48f9e0 color hex could be obtained by blending #90ffff with #00f3c1. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 28
- G 98
- B 88
RGB color chart
- C 71
- M 0
- Y 10
- K 2
CMYK color chart

● #48f9e0 color description : Bright cyan.

The hexadecimal color #48f9e0 has RGB values of R:72, G:249, B:224 and CMYK values of C:0.71, M:0, Y:0.1, K:0.02. Its decimal value is 4782560.

Hex triplet	48f9e0	`#48f9e0`
RGB Decimal	72, 249, 224	`rgb(72,249,224)`
RGB Percent	28.2, 97.6, 87.8	`rgb(28.2%,97.6%,87.8%)`
CMYK	71, 0, 10, 2
HSL	171.5°, 93.7, 62.9	`hsl(171.5,93.7%,62.9%)`
HSV (or HSB)	171.5°, 71.1, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.161, -49.659, -0.844
XYZ	49.998, 74.506, 82.263
xyY	0.242, 0.36, 74.506
CIE-LCH	89.161, 49.666, 180.974
CIE-LUV	89.161, -65.42, 6.679
Hunter-Lab	86.317, -47.66, 3.917
Binary	01001000, 11111001, 11100000

#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#f94861
```
#f94861 rgb(249,72,97)
```

Complementary Color

#48f988
```
#48f988 rgb(72,249,136)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#48baf9
```
#48baf9 rgb(72,186,249)
```

Analogous Color

#f98848
```
#f98848 rgb(249,136,72)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#f948ba
```
#f948ba rgb(249,72,186)
```

Split Complementary Color

#f9e048
```
#f9e048 rgb(249,224,72)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#e048f9
```
#e048f9 rgb(224,72,249)
```

Triadic Color

#61f948
```
#61f948 rgb(97,249,72)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#e048f9
```
#e048f9 rgb(224,72,249)
```
#f94861
```
#f94861 rgb(249,72,97)
```

Tetradic Color

#08edcc
```
#08edcc rgb(8,237,204)
```
#17f7d8
```
#17f7d8 rgb(23,247,216)
```
#2ff8dc
```
#2ff8dc rgb(47,248,220)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#61fae4
```
#61fae4 rgb(97,250,228)
```
#79fbe8
```
#79fbe8 rgb(121,251,232)
```
#92fbed
```
#92fbed rgb(146,251,237)
```

Monochromatic Color

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

#48f9b4
```
#48f9b4 rgb(72,249,180)
```
#48f9c3
```
#48f9c3 rgb(72,249,195)
```
#48f9d1
```
#48f9d1 rgb(72,249,209)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#48f9ef
```
#48f9ef rgb(72,249,239)
```
#48f5f9
```
#48f5f9 rgb(72,245,249)
```
#48e6f9
```
#48e6f9 rgb(72,230,249)
```

Similar Colors

Text with hexadecimal color #48f9e0

This text has a font color of #48f9e0.

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

#48f9e0 background color

This paragraph has a background color of #48f9e0.

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

#48f9e0 border color

This element has a border color of #48f9e0.

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

CSS codes

.text {color:#48f9e0;}

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

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

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

#000706
```
#000706 rgb(0,7,6)
```
#011a16
```
#011a16 rgb(1,26,22)
```
#012d27
```
#012d27 rgb(1,45,39)
```
#024037
```
#024037 rgb(2,64,55)
```
#035348
```
#035348 rgb(3,83,72)
```
#036658
```
#036658 rgb(3,102,88)
```
#047968
```
#047968 rgb(4,121,104)
```
#058c79
```
#058c79 rgb(5,140,121)
```
#059f89
```
#059f89 rgb(5,159,137)
```
#06b29a
```
#06b29a rgb(6,178,154)
```
#06c5aa
```
#06c5aa rgb(6,197,170)
```
#07d8ba
```
#07d8ba rgb(7,216,186)
```
#08ebcb
```
#08ebcb rgb(8,235,203)
```

Shade Color Variation

#0ff7d6
```
#0ff7d6 rgb(15,247,214)
```
#22f8da
```
#22f8da rgb(34,248,218)
```
#35f8dd
```
#35f8dd rgb(53,248,221)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```
#5bfae3
```
#5bfae3 rgb(91,250,227)
```
#6efae6
```
#6efae6 rgb(110,250,230)
```
#81fbea
```
#81fbea rgb(129,251,234)
```
#94fbed
```
#94fbed rgb(148,251,237)
```
#a7fcf0
```
#a7fcf0 rgb(167,252,240)
```
#bafdf3
```
#bafdf3 rgb(186,253,243)
```
#cdfdf7
```
#cdfdf7 rgb(205,253,247)
```
#e0fefa
```
#e0fefa rgb(224,254,250)
```
#f3fffd
```
#f3fffd rgb(243,255,253)
```

Tint Color Variation

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

#9fa2a1
```
#9fa2a1 rgb(159,162,161)
```
#98a9a7
```
#98a9a7 rgb(152,169,167)
```
#91b0ac
```
#91b0ac rgb(145,176,172)
```
#89b8b1
```
#89b8b1 rgb(137,184,177)
```
#82bfb6
```
#82bfb6 rgb(130,191,182)
```
#7bc6bb
```
#7bc6bb rgb(123,198,187)
```
#74cdc1
```
#74cdc1 rgb(116,205,193)
```
#6cd5c6
```
#6cd5c6 rgb(108,213,198)
```
#65dccb
```
#65dccb rgb(101,220,203)
```
#5ee3d0
```
#5ee3d0 rgb(94,227,208)
```
#57ead6
```
#57ead6 rgb(87,234,214)
```
#4ff2db
```
#4ff2db rgb(79,242,219)
```
#48f9e0
```
#48f9e0 rgb(72,249,224)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a9ccc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e0d4 Protanopia 1% of men
#f1dbec Deuteranopia 1% of men
#8ef0ff Tritanopia 0.001% of the population

Trichromacy

#aee9d8 Protanomaly 1% of men, 0.01% of women
#b3e6e7 Deuteranomaly 6% of men, 0.4% of women
#74f3f3 Tritanomaly 0.01% of the population

#48f9e0 hex color

#48f9e0 Color Information

#48f9e0 Color Conversion

Color Schemes with #48f9e0

Alternatives to #48f9e0

#48f9e0 Preview

Shades and Tints of #48f9e0

Tones of #48f9e0

Color Blindness Simulator