#48a4a8 hex color

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

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

● #48a4a8 color description : Dark moderate cyan.

The hexadecimal color #48a4a8 has RGB values of R:72, G:164, B:168 and CMYK values of C:0.57, M:0.02, Y:0, K:0.34. Its decimal value is 4760744.

Hex triplet	48a4a8	`#48a4a8`
RGB Decimal	72, 164, 168	`rgb(72,164,168)`
RGB Percent	28.2, 64.3, 65.9	`rgb(28.2%,64.3%,65.9%)`
CMYK	57, 2, 0, 34
HSL	182.5°, 40, 47.1	`hsl(182.5,40%,47.1%)`
HSV (or HSB)	182.5°, 57.1, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.299, -25.858, -10.319
XYZ	23.014, 30.754, 41.767
xyY	0.241, 0.322, 30.754
CIE-LCH	62.299, 27.841, 201.756
CIE-LUV	62.299, -37.933, -11.589
Hunter-Lab	55.456, -22.973, -5.835
Binary	01001000, 10100100, 10101000

#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#a84c48
```
#a84c48 rgb(168,76,72)
```

Complementary Color

#48a87c
```
#48a87c rgb(72,168,124)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#4874a8
```
#4874a8 rgb(72,116,168)
```

Analogous Color

#a87c48
```
#a87c48 rgb(168,124,72)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#a84874
```
#a84874 rgb(168,72,116)
```

Split Complementary Color

#a4a848
```
#a4a848 rgb(164,168,72)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#a848a4
```
#a848a4 rgb(168,72,164)
```

Triadic Color

#48a84c
```
#48a84c rgb(72,168,76)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#a848a4
```
#a848a4 rgb(168,72,164)
```
#a84c48
```
#a84c48 rgb(168,76,72)
```

Tetradic Color

#317072
```
#317072 rgb(49,112,114)
```
#398184
```
#398184 rgb(57,129,132)
```
#409396
```
#409396 rgb(64,147,150)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#66babd
```
#66babd rgb(102,186,189)
```
#78c2c5
```
#78c2c5 rgb(120,194,197)
```

Monochromatic Color

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

#48a894
```
#48a894 rgb(72,168,148)
```
#48a89c
```
#48a89c rgb(72,168,156)
```
#48a8a4
```
#48a8a4 rgb(72,168,164)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#489ca8
```
#489ca8 rgb(72,156,168)
```
#4894a8
```
#4894a8 rgb(72,148,168)
```
#488ca8
```
#488ca8 rgb(72,140,168)
```

Similar Colors

Text with hexadecimal color #48a4a8

This text has a font color of #48a4a8.

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

#48a4a8 background color

This paragraph has a background color of #48a4a8.

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

#48a4a8 border color

This element has a border color of #48a4a8.

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

CSS codes

.text {color:#48a4a8;}

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

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

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 #f5fafb is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#071111
```
#071111 rgb(7,17,17)
```
#0d1e1f
```
#0d1e1f rgb(13,30,31)
```
#132b2c
```
#132b2c rgb(19,43,44)
```
#19393a
```
#19393a rgb(25,57,58)
```
#1f4648
```
#1f4648 rgb(31,70,72)
```
#255456
```
#255456 rgb(37,84,86)
```
#2b6163
```
#2b6163 rgb(43,97,99)
```
#306e71
```
#306e71 rgb(48,110,113)
```
#367c7f
```
#367c7f rgb(54,124,127)
```
#3c898d
```
#3c898d rgb(60,137,141)
```
#42979a
```
#42979a rgb(66,151,154)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```

Shade Color Variation

#50b0b4
```
#50b0b4 rgb(80,176,180)
```
#5db6ba
```
#5db6ba rgb(93,182,186)
```
#6bbcc0
```
#6bbcc0 rgb(107,188,192)
```
#79c2c6
```
#79c2c6 rgb(121,194,198)
```
#87c9cb
```
#87c9cb rgb(135,201,203)
```
#94cfd1
```
#94cfd1 rgb(148,207,209)
```
#a2d5d7
```
#a2d5d7 rgb(162,213,215)
```
#b0dbdd
```
#b0dbdd rgb(176,219,221)
```
#bee1e3
```
#bee1e3 rgb(190,225,227)
```
#cbe8e9
```
#cbe8e9 rgb(203,232,233)
```
#d9eeef
```
#d9eeef rgb(217,238,239)
```
#e7f4f5
```
#e7f4f5 rgb(231,244,245)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#767a7a
```
#767a7a rgb(118,122,122)
```
#6d8283
```
#6d8283 rgb(109,130,131)
```
#648b8c
```
#648b8c rgb(100,139,140)
```
#5a9396
```
#5a9396 rgb(90,147,150)
```
#519c9f
```
#519c9f rgb(81,156,159)
```
#48a4a8
```
#48a4a8 rgb(72,164,168)
```
#3facb1
```
#3facb1 rgb(63,172,177)
```
#36b5ba
```
#36b5ba rgb(54,181,186)
```
#2cbdc4
```
#2cbdc4 rgb(44,189,196)
```
#23c6cd
```
#23c6cd rgb(35,198,205)
```
#1aced6
```
#1aced6 rgb(26,206,214)
```
#11d7df
```
#11d7df rgb(17,215,223)
```
#07dfe9
```
#07dfe9 rgb(7,223,233)
```

Tone Color Variation

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

Dichromacy

#9b9ba4 Protanopia 1% of men
#9f98b2 Deuteranopia 1% of men
#55a7b3 Tritanopia 0.001% of the population

Trichromacy

#7d9ea5 Protanomaly 1% of men, 0.01% of women
#7f9cae Deuteranomaly 6% of men, 0.4% of women
#50a6af Tritanomaly 0.01% of the population

#48a4a8 hex color

#48a4a8 Color Information

#48a4a8 Color Conversion

Color Schemes with #48a4a8

Alternatives to #48a4a8

#48a4a8 Preview

Shades and Tints of #48a4a8

Tones of #48a4a8

Color Blindness Simulator