#48a896 hex color

In a RGB color space, hex #48a896 is composed of 28.2% red, 65.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 10.7% yellow and 34.1% black. It has a hue angle of 168.8 degrees, a saturation of 40% and a lightness of 47.1%. #48a896 color hex could be obtained by blending #90ffff with #00512d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 66
- B 59
RGB color chart
- C 57
- M 0
- Y 11
- K 34
CMYK color chart

● #48a896 color description : Dark moderate cyan.

The hexadecimal color #48a896 has RGB values of R:72, G:168, B:150 and CMYK values of C:0.57, M:0, Y:0.11, K:0.34. Its decimal value is 4761750.

Hex triplet	48a896	`#48a896`
RGB Decimal	72, 168, 150	`rgb(72,168,150)`
RGB Percent	28.2, 65.9, 58.8	`rgb(28.2%,65.9%,58.8%)`
CMYK	57, 0, 11, 34
HSL	168.8°, 40, 47.1	`hsl(168.8,40%,47.1%)`
HSV (or HSB)	168.8°, 57.1, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.997, -32.682, 0.809
XYZ	22.178, 31.583, 33.78
xyY	0.253, 0.361, 31.583
CIE-LCH	62.997, 32.692, 178.583
CIE-LUV	62.997, -40.381, 6.208
Hunter-Lab	56.199, -27.905, 3.701
Binary	01001000, 10101000, 10010110

#48a896
```
#48a896 rgb(72,168,150)
```
#a8485a
```
#a8485a rgb(168,72,90)
```

Complementary Color

#48a866
```
#48a866 rgb(72,168,102)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#488aa8
```
#488aa8 rgb(72,138,168)
```

Analogous Color

#a86648
```
#a86648 rgb(168,102,72)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#a8488a
```
#a8488a rgb(168,72,138)
```

Split Complementary Color

#a89648
```
#a89648 rgb(168,150,72)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#9648a8
```
#9648a8 rgb(150,72,168)
```

Triadic Color

#5aa848
```
#5aa848 rgb(90,168,72)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#9648a8
```
#9648a8 rgb(150,72,168)
```
#a8485a
```
#a8485a rgb(168,72,90)
```

Tetradic Color

#317266
```
#317266 rgb(49,114,102)
```
#398476
```
#398476 rgb(57,132,118)
```
#409686
```
#409686 rgb(64,150,134)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#54b6a3
```
#54b6a3 rgb(84,182,163)
```
#66bdad
```
#66bdad rgb(102,189,173)
```
#78c5b6
```
#78c5b6 rgb(120,197,182)
```

Monochromatic Color

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

#48a87e
```
#48a87e rgb(72,168,126)
```
#48a886
```
#48a886 rgb(72,168,134)
```
#48a88e
```
#48a88e rgb(72,168,142)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#48a89e
```
#48a89e rgb(72,168,158)
```
#48a8a6
```
#48a8a6 rgb(72,168,166)
```
#48a2a8
```
#48a2a8 rgb(72,162,168)
```

Similar Colors

Text with hexadecimal color #48a896

This text has a font color of #48a896.

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

#48a896 background color

This paragraph has a background color of #48a896.

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

#48a896 border color

This element has a border color of #48a896.

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

CSS codes

.text {color:#48a896;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1f1b
```
#0d1f1b rgb(13,31,27)
```
#132c28
```
#132c28 rgb(19,44,40)
```
#193a34
```
#193a34 rgb(25,58,52)
```
#1f4840
```
#1f4840 rgb(31,72,64)
```
#25564c
```
#25564c rgb(37,86,76)
```
#2b6359
```
#2b6359 rgb(43,99,89)
```
#307165
```
#307165 rgb(48,113,101)
```
#367f71
```
#367f71 rgb(54,127,113)
```
#3c8d7d
```
#3c8d7d rgb(60,141,125)
```
#429a8a
```
#429a8a rgb(66,154,138)
```
#48a896
```
#48a896 rgb(72,168,150)
```

Shade Color Variation

#50b4a1
```
#50b4a1 rgb(80,180,161)
```
#5dbaa8
```
#5dbaa8 rgb(93,186,168)
```
#6bc0b0
```
#6bc0b0 rgb(107,192,176)
```
#79c6b7
```
#79c6b7 rgb(121,198,183)
```
#87cbbf
```
#87cbbf rgb(135,203,191)
```
#94d1c6
```
#94d1c6 rgb(148,209,198)
```
#a2d7cd
```
#a2d7cd rgb(162,215,205)
```
#b0ddd5
```
#b0ddd5 rgb(176,221,213)
```
#bee3dc
```
#bee3dc rgb(190,227,220)
```
#cbe9e3
```
#cbe9e3 rgb(203,233,227)
```
#d9efeb
```
#d9efeb rgb(217,239,235)
```
#e7f5f2
```
#e7f5f2 rgb(231,245,242)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a79 is the less saturated color, while #07e9be is the most saturated one.

#767a79
```
#767a79 rgb(118,122,121)
```
#6d837f
```
#6d837f rgb(109,131,127)
```
#648c85
```
#648c85 rgb(100,140,133)
```
#5a968a
```
#5a968a rgb(90,150,138)
```
#519f90
```
#519f90 rgb(81,159,144)
```
#48a896
```
#48a896 rgb(72,168,150)
```
#3fb19c
```
#3fb19c rgb(63,177,156)
```
#36baa2
```
#36baa2 rgb(54,186,162)
```
#2cc4a7
```
#2cc4a7 rgb(44,196,167)
```
#23cdad
```
#23cdad rgb(35,205,173)
```
#1ad6b3
```
#1ad6b3 rgb(26,214,179)
```
#11dfb9
```
#11dfb9 rgb(17,223,185)
```
#07e9be
```
#07e9be rgb(7,233,190)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7c8f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29d93 Protanopia 1% of men
#aa99a2 Deuteranopia 1% of men
#5ca8b5 Tritanopia 0.001% of the population

Trichromacy

#81a194 Protanomaly 1% of men, 0.01% of women
#869e9d Deuteranomaly 6% of men, 0.4% of women
#55a8a9 Tritanomaly 0.01% of the population

#48a896 hex color

#48a896 Color Information

#48a896 Color Conversion

Color Schemes with #48a896

Alternatives to #48a896

#48a896 Preview

Shades and Tints of #48a896

Tones of #48a896

Color Blindness Simulator