#48c8af hex color

In a RGB color space, hex #48c8af is composed of 28.2% red, 78.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 12.5% yellow and 21.6% black. It has a hue angle of 168.3 degrees, a saturation of 53.8% and a lightness of 53.3%. #48c8af color hex could be obtained by blending #90ffff with #00915f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 78
- B 69
RGB color chart
- C 64
- M 0
- Y 13
- K 22
CMYK color chart

● #48c8af color description : Moderate cyan.

The hexadecimal color #48c8af has RGB values of R:72, G:200, B:175 and CMYK values of C:0.64, M:0, Y:0.13, K:0.22. Its decimal value is 4769967.

Hex triplet	48c8af	`#48c8af`
RGB Decimal	72, 200, 175	`rgb(72,200,175)`
RGB Percent	28.2, 78.4, 68.6	`rgb(28.2%,78.4%,68.6%)`
CMYK	64, 0, 13, 22
HSL	168.3°, 53.8, 53.3	`hsl(168.3,53.8%,53.3%)`
HSV (or HSB)	168.3°, 64, 78.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.402, -40.949, 2.186
XYZ	31.062, 45.779, 47.754
xyY	0.249, 0.367, 45.779
CIE-LCH	73.402, 41.007, 176.944
CIE-LUV	73.402, -51.083, 9.718
Hunter-Lab	67.66, -36.457, 5.515
Binary	01001000, 11001000, 10101111

#48c8af
```
#48c8af rgb(72,200,175)
```
#c84861
```
#c84861 rgb(200,72,97)
```

Complementary Color

#48c86f
```
#48c86f rgb(72,200,111)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#48a1c8
```
#48a1c8 rgb(72,161,200)
```

Analogous Color

#c86f48
```
#c86f48 rgb(200,111,72)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#c848a1
```
#c848a1 rgb(200,72,161)
```

Split Complementary Color

#c8af48
```
#c8af48 rgb(200,175,72)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#af48c8
```
#af48c8 rgb(175,72,200)
```

Triadic Color

#61c848
```
#61c848 rgb(97,200,72)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#af48c8
```
#af48c8 rgb(175,72,200)
```
#c84861
```
#c84861 rgb(200,72,97)
```

Tetradic Color

#2d9682
```
#2d9682 rgb(45,150,130)
```
#33aa93
```
#33aa93 rgb(51,170,147)
```
#39bea4
```
#39bea4 rgb(57,190,164)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#5cceb8
```
#5cceb8 rgb(92,206,184)
```
#6fd4c0
```
#6fd4c0 rgb(111,212,192)
```
#83dac9
```
#83dac9 rgb(131,218,201)
```

Monochromatic Color

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

#48c88f
```
#48c88f rgb(72,200,143)
```
#48c89a
```
#48c89a rgb(72,200,154)
```
#48c8a4
```
#48c8a4 rgb(72,200,164)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#48c8ba
```
#48c8ba rgb(72,200,186)
```
#48c8c4
```
#48c8c4 rgb(72,200,196)
```
#48c1c8
```
#48c1c8 rgb(72,193,200)
```

Similar Colors

Text with hexadecimal color #48c8af

This text has a font color of #48c8af.

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

#48c8af background color

This paragraph has a background color of #48c8af.

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

#48c8af border color

This element has a border color of #48c8af.

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

CSS codes

.text {color:#48c8af;}

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

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

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0d2b25
```
#0d2b25 rgb(13,43,37)
```
#123a32
```
#123a32 rgb(18,58,50)
```
#16493f
```
#16493f rgb(22,73,63)
```
#1b584c
```
#1b584c rgb(27,88,76)
```
#1f6859
```
#1f6859 rgb(31,104,89)
```
#247766
```
#247766 rgb(36,119,102)
```
#288673
```
#288673 rgb(40,134,115)
```
#2d9580
```
#2d9580 rgb(45,149,128)
```
#31a48e
```
#31a48e rgb(49,164,142)
```
#36b39b
```
#36b39b rgb(54,179,155)
```
#3ac2a8
```
#3ac2a8 rgb(58,194,168)
```

Shade Color Variation

#48c8af
```
#48c8af rgb(72,200,175)
```
#57cdb6
```
#57cdb6 rgb(87,205,182)
```
#66d1bc
```
#66d1bc rgb(102,209,188)
```
#75d6c3
```
#75d6c3 rgb(117,214,195)
```
#84dac9
```
#84dac9 rgb(132,218,201)
```
#93dfd0
```
#93dfd0 rgb(147,223,208)
```
#a2e3d7
```
#a2e3d7 rgb(162,227,215)
```
#b2e8dd
```
#b2e8dd rgb(178,232,221)
```
#c1ece4
```
#c1ece4 rgb(193,236,228)
```
#d0f1ea
```
#d0f1ea rgb(208,241,234)
```
#dff5f1
```
#dff5f1 rgb(223,245,241)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f918e is the less saturated color, while #11ffd0 is the most saturated one.

#7f918e
```
#7f918e rgb(127,145,142)
```
#769a93
```
#769a93 rgb(118,154,147)
```
#6da399
```
#6da399 rgb(109,163,153)
```
#63ad9e
```
#63ad9e rgb(99,173,158)
```
#5ab6a4
```
#5ab6a4 rgb(90,182,164)
```
#51bfa9
```
#51bfa9 rgb(81,191,169)
```
#48c8af
```
#48c8af rgb(72,200,175)
```
#3fd1b5
```
#3fd1b5 rgb(63,209,181)
```
#36daba
```
#36daba rgb(54,218,186)
```
#2de3c0
```
#2de3c0 rgb(45,227,192)
```
#23edc5
```
#23edc5 rgb(35,237,197)
```
#1af6cb
```
#1af6cb rgb(26,246,203)
```
#11ffd0
```
#11ffd0 rgb(17,255,208)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea7a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb7a9 Protanopia 1% of men
#c7b2bb Deuteranopia 1% of men
#62c5d4 Tritanopia 0.001% of the population

Trichromacy

#93bdab Protanomaly 1% of men, 0.01% of women
#99bab7 Deuteranomaly 6% of men, 0.4% of women
#59c6c6 Tritanomaly 0.01% of the population

#48c8af hex color

#48c8af Color Information

#48c8af Color Conversion

Color Schemes with #48c8af

Alternatives to #48c8af

#48c8af Preview

Shades and Tints of #48c8af

Tones of #48c8af

Color Blindness Simulator