#48f9df hex color

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

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

● #48f9df color description : Bright cyan.

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

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

CIE-LAB	89.136, -49.913, -0.361
XYZ	49.863, 74.452, 81.551
xyY	0.242, 0.362, 74.452
CIE-LCH	89.136, 49.914, 180.414
CIE-LUV	89.136, -65.487, 7.478
Hunter-Lab	86.286, -47.848, 4.363
Binary	01001000, 11111001, 11011111

#48f9df
```
#48f9df rgb(72,249,223)
```
#f94862
```
#f94862 rgb(249,72,98)
```

Complementary Color

#48f987
```
#48f987 rgb(72,249,135)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#48bbf9
```
#48bbf9 rgb(72,187,249)
```

Analogous Color

#f98748
```
#f98748 rgb(249,135,72)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#f948bb
```
#f948bb rgb(249,72,187)
```

Split Complementary Color

#f9df48
```
#f9df48 rgb(249,223,72)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#df48f9
```
#df48f9 rgb(223,72,249)
```

Triadic Color

#62f948
```
#62f948 rgb(98,249,72)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#df48f9
```
#df48f9 rgb(223,72,249)
```
#f94862
```
#f94862 rgb(249,72,98)
```

Tetradic Color

#08edcb
```
#08edcb rgb(8,237,203)
```
#17f7d6
```
#17f7d6 rgb(23,247,214)
```
#2ff8db
```
#2ff8db rgb(47,248,219)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#61fae3
```
#61fae3 rgb(97,250,227)
```
#79fbe8
```
#79fbe8 rgb(121,251,232)
```
#92fbec
```
#92fbec rgb(146,251,236)
```

Monochromatic Color

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

#48f9b3
```
#48f9b3 rgb(72,249,179)
```
#48f9c2
```
#48f9c2 rgb(72,249,194)
```
#48f9d0
```
#48f9d0 rgb(72,249,208)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#48f9ee
```
#48f9ee rgb(72,249,238)
```
#48f6f9
```
#48f6f9 rgb(72,246,249)
```
#48e7f9
```
#48e7f9 rgb(72,231,249)
```

Similar Colors

Text with hexadecimal color #48f9df

This text has a font color of #48f9df.

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

#48f9df background color

This paragraph has a background color of #48f9df.

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

#48f9df border color

This element has a border color of #48f9df.

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

CSS codes

.text {color:#48f9df;}

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

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

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)
```
#035347
```
#035347 rgb(3,83,71)
```
#036657
```
#036657 rgb(3,102,87)
```
#047968
```
#047968 rgb(4,121,104)
```
#058c78
```
#058c78 rgb(5,140,120)
```
#059f88
```
#059f88 rgb(5,159,136)
```
#06b299
```
#06b299 rgb(6,178,153)
```
#06c5a9
```
#06c5a9 rgb(6,197,169)
```
#07d8b9
```
#07d8b9 rgb(7,216,185)
```
#08ebc9
```
#08ebc9 rgb(8,235,201)
```

Shade Color Variation

#0ff7d5
```
#0ff7d5 rgb(15,247,213)
```
#22f8d8
```
#22f8d8 rgb(34,248,216)
```
#35f8dc
```
#35f8dc rgb(53,248,220)
```
#48f9df
```
#48f9df rgb(72,249,223)
```
#5bfae2
```
#5bfae2 rgb(91,250,226)
```
#6efae6
```
#6efae6 rgb(110,250,230)
```
#81fbe9
```
#81fbe9 rgb(129,251,233)
```
#94fbec
```
#94fbec rgb(148,251,236)
```
#a7fcf0
```
#a7fcf0 rgb(167,252,240)
```
#bafdf3
```
#bafdf3 rgb(186,253,243)
```
#cdfdf6
```
#cdfdf6 rgb(205,253,246)
```
#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 #48f9df 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)
```
#74cdc0
```
#74cdc0 rgb(116,205,192)
```
#6cd5c5
```
#6cd5c5 rgb(108,213,197)
```
#65dcca
```
#65dcca rgb(101,220,202)
```
#5ee3d0
```
#5ee3d0 rgb(94,227,208)
```
#57ead5
```
#57ead5 rgb(87,234,213)
```
#4ff2da
```
#4ff2da rgb(79,242,218)
```
#48f9df
```
#48f9df rgb(72,249,223)
```

Tone Color Variation

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

#e8e0d3 Protanopia 1% of men
#f1dbeb Deuteranopia 1% of men
#8df0ff Tritanopia 0.001% of the population

Trichromacy

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

#48f9df hex color

#48f9df Color Information

#48f9df Color Conversion

Color Schemes with #48f9df

Alternatives to #48f9df

#48f9df Preview

Shades and Tints of #48f9df

Tones of #48f9df

Color Blindness Simulator