#48a890 hex color

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

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

● #48a890 color description : Dark moderate cyan.

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

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

CIE-LAB	62.84, -34.197, 3.935
XYZ	21.707, 31.395, 31.3
xyY	0.257, 0.372, 31.395
CIE-LCH	62.84, 34.423, 173.435
CIE-LUV	62.84, -40.682, 10.948
Hunter-Lab	56.031, -28.9, 6.101
Binary	01001000, 10101000, 10010000

#48a890
```
#48a890 rgb(72,168,144)
```
#a84860
```
#a84860 rgb(168,72,96)
```

Complementary Color

#48a860
```
#48a860 rgb(72,168,96)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#4890a8
```
#4890a8 rgb(72,144,168)
```

Analogous Color

#a86048
```
#a86048 rgb(168,96,72)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#a84890
```
#a84890 rgb(168,72,144)
```

Split Complementary Color

#a89048
```
#a89048 rgb(168,144,72)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#9048a8
```
#9048a8 rgb(144,72,168)
```

Triadic Color

#60a848
```
#60a848 rgb(96,168,72)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#9048a8
```
#9048a8 rgb(144,72,168)
```
#a84860
```
#a84860 rgb(168,72,96)
```

Tetradic Color

#317262
```
#317262 rgb(49,114,98)
```
#398471
```
#398471 rgb(57,132,113)
```
#409681
```
#409681 rgb(64,150,129)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#54b69d
```
#54b69d rgb(84,182,157)
```
#66bda7
```
#66bda7 rgb(102,189,167)
```
#78c5b2
```
#78c5b2 rgb(120,197,178)
```

Monochromatic Color

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

#48a878
```
#48a878 rgb(72,168,120)
```
#48a880
```
#48a880 rgb(72,168,128)
```
#48a888
```
#48a888 rgb(72,168,136)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#48a898
```
#48a898 rgb(72,168,152)
```
#48a8a0
```
#48a8a0 rgb(72,168,160)
```
#48a8a8
```
#48a8a8 rgb(72,168,168)
```

Similar Colors

Text with hexadecimal color #48a890

This text has a font color of #48a890.

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

#48a890 background color

This paragraph has a background color of #48a890.

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

#48a890 border color

This element has a border color of #48a890.

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

CSS codes

.text {color:#48a890;}

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

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

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)
```
#255649
```
#255649 rgb(37,86,73)
```
#2b6355
```
#2b6355 rgb(43,99,85)
```
#307161
```
#307161 rgb(48,113,97)
```
#367f6d
```
#367f6d rgb(54,127,109)
```
#3c8d78
```
#3c8d78 rgb(60,141,120)
```
#429a84
```
#429a84 rgb(66,154,132)
```
#48a890
```
#48a890 rgb(72,168,144)
```

Shade Color Variation

#50b49b
```
#50b49b rgb(80,180,155)
```
#5dbaa3
```
#5dbaa3 rgb(93,186,163)
```
#6bc0ab
```
#6bc0ab rgb(107,192,171)
```
#79c6b2
```
#79c6b2 rgb(121,198,178)
```
#87cbba
```
#87cbba rgb(135,203,186)
```
#94d1c2
```
#94d1c2 rgb(148,209,194)
```
#a2d7ca
```
#a2d7ca rgb(162,215,202)
```
#b0ddd2
```
#b0ddd2 rgb(176,221,210)
```
#bee3da
```
#bee3da rgb(190,227,218)
```
#cbe9e1
```
#cbe9e1 rgb(203,233,225)
```
#d9efe9
```
#d9efe9 rgb(217,239,233)
```
#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 #07e9b0 is the most saturated one.

#767a79
```
#767a79 rgb(118,122,121)
```
#6d837e
```
#6d837e rgb(109,131,126)
```
#648c82
```
#648c82 rgb(100,140,130)
```
#5a9687
```
#5a9687 rgb(90,150,135)
```
#519f8b
```
#519f8b rgb(81,159,139)
```
#48a890
```
#48a890 rgb(72,168,144)
```
#3fb195
```
#3fb195 rgb(63,177,149)
```
#36ba99
```
#36ba99 rgb(54,186,153)
```
#2cc49e
```
#2cc49e rgb(44,196,158)
```
#23cda2
```
#23cda2 rgb(35,205,162)
```
#1ad6a7
```
#1ad6a7 rgb(26,214,167)
```
#11dfac
```
#11dfac rgb(17,223,172)
```
#07e9b0
```
#07e9b0 rgb(7,233,176)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#48a890 hex color

#48a890 Color Information

#48a890 Color Conversion

Color Schemes with #48a890

Alternatives to #48a890

#48a890 Preview

Shades and Tints of #48a890

Tones of #48a890

Color Blindness Simulator