#48fac5 hex color

In a RGB color space, hex #48fac5 is composed of 28.2% red, 98% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 21.2% yellow and 2% black. It has a hue angle of 162.1 degrees, a saturation of 94.7% and a lightness of 63.1%. #48fac5 color hex could be obtained by blending #90ffff with #00f58b. Closest websafe color is: #33ffcc.

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

● #48fac5 color description : Bright cyan - lime green.

The hexadecimal color #48fac5 has RGB values of R:72, G:250, B:197 and CMYK values of C:0.71, M:0, Y:0.21, K:0.02. Its decimal value is 4782789.

Hex triplet	48fac5	`#48fac5`
RGB Decimal	72, 250, 197	`rgb(72,250,197)`
RGB Percent	28.2, 98, 77.3	`rgb(28.2%,98%,77.3%)`
CMYK	71, 0, 21, 2
HSL	162.1°, 94.7, 63.1	`hsl(162.1,94.7%,63.1%)`
HSV (or HSB)	162.1°, 71.2, 98
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.816, -56.597, 12.673
XYZ	46.932, 73.776, 64.587
xyY	0.253, 0.398, 73.776
CIE-LCH	88.816, 57.999, 167.379
CIE-LUV	88.816, -67.551, 28.261
Hunter-Lab	85.893, -52.779, 15.542
Binary	01001000, 11111010, 11000101

#48fac5
```
#48fac5 rgb(72,250,197)
```
#fa487d
```
#fa487d rgb(250,72,125)
```

Complementary Color

#48fa6c
```
#48fa6c rgb(72,250,108)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#48d6fa
```
#48d6fa rgb(72,214,250)
```

Analogous Color

#fa6c48
```
#fa6c48 rgb(250,108,72)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#fa48d6
```
#fa48d6 rgb(250,72,214)
```

Split Complementary Color

#fac548
```
#fac548 rgb(250,197,72)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#c548fa
```
#c548fa rgb(197,72,250)
```

Triadic Color

#7dfa48
```
#7dfa48 rgb(125,250,72)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#c548fa
```
#c548fa rgb(197,72,250)
```
#fa487d
```
#fa487d rgb(250,72,125)
```

Tetradic Color

#07efaa
```
#07efaa rgb(7,239,170)
```
#16f9b5
```
#16f9b5 rgb(22,249,181)
```
#2ff9bd
```
#2ff9bd rgb(47,249,189)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#61fbcd
```
#61fbcd rgb(97,251,205)
```
#7afbd5
```
#7afbd5 rgb(122,251,213)
```
#92fcdd
```
#92fcdd rgb(146,252,221)
```

Monochromatic Color

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

#48fa99
```
#48fa99 rgb(72,250,153)
```
#48faa7
```
#48faa7 rgb(72,250,167)
```
#48fab6
```
#48fab6 rgb(72,250,182)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#48fad4
```
#48fad4 rgb(72,250,212)
```
#48fae3
```
#48fae3 rgb(72,250,227)
```
#48faf2
```
#48faf2 rgb(72,250,242)
```

Similar Colors

Text with hexadecimal color #48fac5

This text has a font color of #48fac5.

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

#48fac5 background color

This paragraph has a background color of #48fac5.

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

#48fac5 border color

This element has a border color of #48fac5.

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

CSS codes

.text {color:#48fac5;}

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

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

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

#000806
```
#000806 rgb(0,8,6)
```
#011b13
```
#011b13 rgb(1,27,19)
```
#012e21
```
#012e21 rgb(1,46,33)
```
#02412e
```
#02412e rgb(2,65,46)
```
#02543c
```
#02543c rgb(2,84,60)
```
#036749
```
#036749 rgb(3,103,73)
```
#037a57
```
#037a57 rgb(3,122,87)
```
#048e65
```
#048e65 rgb(4,142,101)
```
#04a172
```
#04a172 rgb(4,161,114)
```
#05b480
```
#05b480 rgb(5,180,128)
```
#05c78d
```
#05c78d rgb(5,199,141)
```
#06da9b
```
#06da9b rgb(6,218,155)
```
#06eda8
```
#06eda8 rgb(6,237,168)
```

Shade Color Variation

#0ff8b3
```
#0ff8b3 rgb(15,248,179)
```
#22f9b9
```
#22f9b9 rgb(34,249,185)
```
#35f9bf
```
#35f9bf rgb(53,249,191)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```
#5bfbcb
```
#5bfbcb rgb(91,251,203)
```
#6efbd1
```
#6efbd1 rgb(110,251,209)
```
#81fcd7
```
#81fcd7 rgb(129,252,215)
```
#94fcdd
```
#94fcdd rgb(148,252,221)
```
#a7fde3
```
#a7fde3 rgb(167,253,227)
```
#bbfde9
```
#bbfde9 rgb(187,253,233)
```
#cefeef
```
#cefeef rgb(206,254,239)
```
#e1fef5
```
#e1fef5 rgb(225,254,245)
```
#f4fffb
```
#f4fffb rgb(244,255,251)
```

Tint Color Variation

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

#9fa3a2
```
#9fa3a2 rgb(159,163,162)
```
#98aaa5
```
#98aaa5 rgb(152,170,165)
```
#90b2a8
```
#90b2a8 rgb(144,178,168)
```
#89b9ab
```
#89b9ab rgb(137,185,171)
```
#82c0ae
```
#82c0ae rgb(130,192,174)
```
#7bc7b1
```
#7bc7b1 rgb(123,199,177)
```
#73cfb3
```
#73cfb3 rgb(115,207,179)
```
#6cd6b6
```
#6cd6b6 rgb(108,214,182)
```
#65ddb9
```
#65ddb9 rgb(101,221,185)
```
#5ee4bc
```
#5ee4bc rgb(94,228,188)
```
#56ecbf
```
#56ecbf rgb(86,236,191)
```
#4ff3c2
```
#4ff3c2 rgb(79,243,194)
```
#48fac5
```
#48fac5 rgb(72,250,197)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#a7cbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece0bb Protanopia 1% of men
#fad9d3 Deuteranopia 1% of men
#8befff Tritanopia 0.001% of the population

Trichromacy

#b0e9bf Protanomaly 1% of men, 0.01% of women
#b9e5ce Deuteranomaly 6% of men, 0.4% of women
#72f3e9 Tritanomaly 0.01% of the population

#48fac5 hex color

#48fac5 Color Information

#48fac5 Color Conversion

Color Schemes with #48fac5

Alternatives to #48fac5

#48fac5 Preview

Shades and Tints of #48fac5

Tones of #48fac5

Color Blindness Simulator