colorhexa.com

#48fddd hex color

In a RGB color space, hex #48fddd is composed of 28.2% red, 99.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 12.6% yellow and 0.8% black. It has a hue angle of 169.4 degrees, a saturation of 97.8% and a lightness of 63.7%. #48fddd color hex could be obtained by blending #90ffff with #00fbbb. Closest websafe color is: #33ffcc.

- R 28
- G 99
- B 87
RGB color chart
- C 72
- M 0
- Y 13
- K 1
CMYK color chart

● #48fddd color description : Bright cyan.

The hexadecimal color #48fddd has RGB values of R:72, G:253, B:221 and CMYK values of C:0.72, M:0, Y:0.13, K:0.01. Its decimal value is 4783581.

Hex triplet	48fddd	`#48fddd`
RGB Decimal	72, 253, 221	`rgb(72,253,221)`
RGB Percent	28.2, 99.2, 86.7	`rgb(28.2%,99.2%,86.7%)`
CMYK	72, 0, 13, 1
HSL	169.4°, 97.8, 63.7	`hsl(169.4,97.8%,63.7%)`
HSV (or HSB)	169.4°, 71.5, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.25, -52.086, 2.302
XYZ	50.844, 76.844, 80.555
xyY	0.244, 0.369, 76.844
CIE-LCH	90.25, 52.137, 177.47
CIE-LUV	90.25, -67.005, 11.991
Hunter-Lab	87.661, -49.874, 6.878
Binary	01001000, 11111101, 11011101

#48fddd
```
#48fddd rgb(72,253,221)
```
#fd4868
```
#fd4868 rgb(253,72,104)
```

Complementary Color

#48fd83
```
#48fd83 rgb(72,253,131)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#48c3fd
```
#48c3fd rgb(72,195,253)
```

Analogous Color

#fd8348
```
#fd8348 rgb(253,131,72)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#fd48c3
```
#fd48c3 rgb(253,72,195)
```

Split Complementary Color

#fddd48
```
#fddd48 rgb(253,221,72)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#dd48fd
```
#dd48fd rgb(221,72,253)
```

Triadic Color

#68fd48
```
#68fd48 rgb(104,253,72)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#dd48fd
```
#dd48fd rgb(221,72,253)
```
#fd4868
```
#fd4868 rgb(253,72,104)
```

Tetradic Color

#03f6cb
```
#03f6cb rgb(3,246,203)
```
#16fcd4
```
#16fcd4 rgb(22,252,212)
```
#2ffdd8
```
#2ffdd8 rgb(47,253,216)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#61fde2
```
#61fde2 rgb(97,253,226)
```
#7afee6
```
#7afee6 rgb(122,254,230)
```
#94feeb
```
#94feeb rgb(148,254,235)
```

Monochromatic Color

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

#48fdb0
```
#48fdb0 rgb(72,253,176)
```
#48fdbf
```
#48fdbf rgb(72,253,191)
```
#48fdce
```
#48fdce rgb(72,253,206)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#48fdec
```
#48fdec rgb(72,253,236)
```
#48fdfb
```
#48fdfb rgb(72,253,251)
```
#48f0fd
```
#48f0fd rgb(72,240,253)
```

Similar Colors

Text with hexadecimal color #48fddd

This text has a font color of #48fddd.

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

#48fddd background color

This paragraph has a background color of #48fddd.

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

#48fddd border color

This element has a border color of #48fddd.

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

CSS codes

.text {color:#48fddd;}

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

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

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, #000b09 is the darkest color, while #f7fffd is the lightest one.

#000b09
```
#000b09 rgb(0,11,9)
```
#001e19
```
#001e19 rgb(0,30,25)
```
#013229
```
#013229 rgb(1,50,41)
```
#014539
```
#014539 rgb(1,69,57)
```
#015949
```
#015949 rgb(1,89,73)
```
#016c59
```
#016c59 rgb(1,108,89)
```
#017f69
```
#017f69 rgb(1,127,105)
```
#029379
```
#029379 rgb(2,147,121)
```
#02a689
```
#02a689 rgb(2,166,137)
```
#02ba99
```
#02ba99 rgb(2,186,153)
```
#02cda9
```
#02cda9 rgb(2,205,169)
```
#02e0b9
```
#02e0b9 rgb(2,224,185)
```
#03f4c9
```
#03f4c9 rgb(3,244,201)
```

Shade Color Variation

#0efcd2
```
#0efcd2 rgb(14,252,210)
```
#21fdd6
```
#21fdd6 rgb(33,253,214)
```
#35fdd9
```
#35fdd9 rgb(53,253,217)
```
#48fddd
```
#48fddd rgb(72,253,221)
```
#5bfde1
```
#5bfde1 rgb(91,253,225)
```
#6ffde4
```
#6ffde4 rgb(111,253,228)
```
#82fee8
```
#82fee8 rgb(130,254,232)
```
#96feeb
```
#96feeb rgb(150,254,235)
```
#a9feef
```
#a9feef rgb(169,254,239)
```
#bcfef3
```
#bcfef3 rgb(188,254,243)
```
#d0fef6
```
#d0fef6 rgb(208,254,246)
```
#e3fffa
```
#e3fffa rgb(227,255,250)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#9da8a6
```
#9da8a6 rgb(157,168,166)
```
#96afaa
```
#96afaa rgb(150,175,170)
```
#8fb6af
```
#8fb6af rgb(143,182,175)
```
#88bdb4
```
#88bdb4 rgb(136,189,180)
```
#81c4b8
```
#81c4b8 rgb(129,196,184)
```
#7acbbd
```
#7acbbd rgb(122,203,189)
```
#73d2c1
```
#73d2c1 rgb(115,210,193)
```
#6cd9c6
```
#6cd9c6 rgb(108,217,198)
```
#64e1cb
```
#64e1cb rgb(100,225,203)
```
#5de8cf
```
#5de8cf rgb(93,232,207)
```
#56efd4
```
#56efd4 rgb(86,239,212)
```
#4ff6d8
```
#4ff6d8 rgb(79,246,216)
```
#48fddd
```
#48fddd rgb(72,253,221)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#aacfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece3d1 Protanopia 1% of men
#f7dde9 Deuteranopia 1% of men
#9ef1ff Tritanopia 0.001% of the population

Trichromacy

#b0ecd5 Protanomaly 1% of men, 0.01% of women
#b7e9e5 Deuteranomaly 6% of men, 0.4% of women
#7ef5f2 Tritanomaly 0.01% of the population