#48a891 hex color

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

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

● #48a891 color description : Dark moderate cyan.

The hexadecimal color #48a891 has RGB values of R:72, G:168, B:145 and CMYK values of C:0.57, M:0, Y:0.14, K:0.34. Its decimal value is 4761745.

Hex triplet	48a891	`#48a891`
RGB Decimal	72, 168, 145	`rgb(72,168,145)`
RGB Percent	28.2, 65.9, 56.9	`rgb(28.2%,65.9%,56.9%)`
CMYK	57, 0, 14, 34
HSL	165.6°, 40, 47.1	`hsl(165.6,40%,47.1%)`
HSV (or HSB)	165.6°, 57.1, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.865, -33.948, 3.414
XYZ	21.784, 31.426, 31.704
xyY	0.257, 0.37, 31.426
CIE-LCH	62.865, 34.12, 174.258
CIE-LUV	62.865, -40.632, 10.165
Hunter-Lab	56.059, -28.738, 5.709
Binary	01001000, 10101000, 10010001

#48a891
```
#48a891 rgb(72,168,145)
```
#a8485f
```
#a8485f rgb(168,72,95)
```

Complementary Color

#48a861
```
#48a861 rgb(72,168,97)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#488fa8
```
#488fa8 rgb(72,143,168)
```

Analogous Color

#a86148
```
#a86148 rgb(168,97,72)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#a8488f
```
#a8488f rgb(168,72,143)
```

Split Complementary Color

#a89148
```
#a89148 rgb(168,145,72)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#9148a8
```
#9148a8 rgb(145,72,168)
```

Triadic Color

#5fa848
```
#5fa848 rgb(95,168,72)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#9148a8
```
#9148a8 rgb(145,72,168)
```
#a8485f
```
#a8485f rgb(168,72,95)
```

Tetradic Color

#317263
```
#317263 rgb(49,114,99)
```
#398472
```
#398472 rgb(57,132,114)
```
#409682
```
#409682 rgb(64,150,130)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#54b69e
```
#54b69e rgb(84,182,158)
```
#66bda8
```
#66bda8 rgb(102,189,168)
```
#78c5b2
```
#78c5b2 rgb(120,197,178)
```

Monochromatic Color

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

#48a879
```
#48a879 rgb(72,168,121)
```
#48a881
```
#48a881 rgb(72,168,129)
```
#48a889
```
#48a889 rgb(72,168,137)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#48a899
```
#48a899 rgb(72,168,153)
```
#48a8a1
```
#48a8a1 rgb(72,168,161)
```
#48a7a8
```
#48a7a8 rgb(72,167,168)
```

Similar Colors

Text with hexadecimal color #48a891

This text has a font color of #48a891.

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

#48a891 background color

This paragraph has a background color of #48a891.

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

#48a891 border color

This element has a border color of #48a891.

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

CSS codes

.text {color:#48a891;}

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

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

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)
```
#0d1f1a
```
#0d1f1a rgb(13,31,26)
```
#132c26
```
#132c26 rgb(19,44,38)
```
#193a32
```
#193a32 rgb(25,58,50)
```
#1f483e
```
#1f483e rgb(31,72,62)
```
#25564a
```
#25564a rgb(37,86,74)
```
#2b6356
```
#2b6356 rgb(43,99,86)
```
#307162
```
#307162 rgb(48,113,98)
```
#367f6d
```
#367f6d rgb(54,127,109)
```
#3c8d79
```
#3c8d79 rgb(60,141,121)
```
#429a85
```
#429a85 rgb(66,154,133)
```
#48a891
```
#48a891 rgb(72,168,145)
```

Shade Color Variation

#50b49c
```
#50b49c rgb(80,180,156)
```
#5dbaa4
```
#5dbaa4 rgb(93,186,164)
```
#6bc0ab
```
#6bc0ab rgb(107,192,171)
```
#79c6b3
```
#79c6b3 rgb(121,198,179)
```
#87cbbb
```
#87cbbb rgb(135,203,187)
```
#94d1c3
```
#94d1c3 rgb(148,209,195)
```
#a2d7ca
```
#a2d7ca rgb(162,215,202)
```
#b0ddd2
```
#b0ddd2 rgb(176,221,210)
```
#bee3da
```
#bee3da rgb(190,227,218)
```
#cbe9e2
```
#cbe9e2 rgb(203,233,226)
```
#d9efea
```
#d9efea rgb(217,239,234)
```
#e7f5f1
```
#e7f5f1 rgb(231,245,241)
```
#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 #07e9b3 is the most saturated one.

#767a79
```
#767a79 rgb(118,122,121)
```
#6d837e
```
#6d837e rgb(109,131,126)
```
#648c83
```
#648c83 rgb(100,140,131)
```
#5a9687
```
#5a9687 rgb(90,150,135)
```
#519f8c
```
#519f8c rgb(81,159,140)
```
#48a891
```
#48a891 rgb(72,168,145)
```
#3fb196
```
#3fb196 rgb(63,177,150)
```
#36ba9b
```
#36ba9b rgb(54,186,155)
```
#2cc49f
```
#2cc49f rgb(44,196,159)
```
#23cda4
```
#23cda4 rgb(35,205,164)
```
#1ad6a9
```
#1ad6a9 rgb(26,214,169)
```
#11dfae
```
#11dfae rgb(17,223,174)
```
#07e9b3
```
#07e9b3 rgb(7,233,179)
```

Tone Color Variation

Below, you can see how #48a891 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
#7c8f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39c8e Protanopia 1% of men
#ab989d Deuteranopia 1% of men
#5ea8b4 Tritanopia 0.001% of the population

Trichromacy

#82a08f Protanomaly 1% of men, 0.01% of women
#879e99 Deuteranomaly 6% of men, 0.4% of women
#56a8a7 Tritanomaly 0.01% of the population

#48a891 hex color

#48a891 Color Information

#48a891 Color Conversion

Color Schemes with #48a891

Alternatives to #48a891

#48a891 Preview

Shades and Tints of #48a891

Tones of #48a891

Color Blindness Simulator