#48caaa hex color

In a RGB color space, hex #48caaa is composed of 28.2% red, 79.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 15.8% yellow and 20.8% black. It has a hue angle of 165.2 degrees, a saturation of 55.1% and a lightness of 53.7%. #48caaa color hex could be obtained by blending #90ffff with #009555. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 79
- B 67
RGB color chart
- C 64
- M 0
- Y 16
- K 21
CMYK color chart

● #48caaa color description : Moderate cyan.

The hexadecimal color #48caaa has RGB values of R:72, G:202, B:170 and CMYK values of C:0.64, M:0, Y:0.16, K:0.21. Its decimal value is 4770474.

Hex triplet	48caaa	`#48caaa`
RGB Decimal	72, 202, 170	`rgb(72,202,170)`
RGB Percent	28.2, 79.2, 66.7	`rgb(28.2%,79.2%,66.7%)`
CMYK	64, 0, 16, 21
HSL	165.2°, 55.1, 53.7	`hsl(165.2,55.1%,53.7%)`
HSV (or HSB)	165.2°, 64.4, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.881, -43.072, 5.583
XYZ	31.046, 46.518, 45.371
xyY	0.253, 0.378, 46.518
CIE-LCH	73.881, 43.432, 172.614
CIE-LUV	73.881, -52.117, 15.086
Hunter-Lab	68.204, -38.106, 8.302
Binary	01001000, 11001010, 10101010

#48caaa
```
#48caaa rgb(72,202,170)
```
#ca4868
```
#ca4868 rgb(202,72,104)
```

Complementary Color

#48ca69
```
#48ca69 rgb(72,202,105)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#48a9ca
```
#48a9ca rgb(72,169,202)
```

Analogous Color

#ca6948
```
#ca6948 rgb(202,105,72)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#ca48a9
```
#ca48a9 rgb(202,72,169)
```

Split Complementary Color

#caaa48
```
#caaa48 rgb(202,170,72)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#aa48ca
```
#aa48ca rgb(170,72,202)
```

Triadic Color

#68ca48
```
#68ca48 rgb(104,202,72)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#aa48ca
```
#aa48ca rgb(170,72,202)
```
#ca4868
```
#ca4868 rgb(202,72,104)
```

Tetradic Color

#2c997e
```
#2c997e rgb(44,153,126)
```
#32ad8f
```
#32ad8f rgb(50,173,143)
```
#38c19f
```
#38c19f rgb(56,193,159)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#5cd0b3
```
#5cd0b3 rgb(92,208,179)
```
#70d5bc
```
#70d5bc rgb(112,213,188)
```
#83dbc6
```
#83dbc6 rgb(131,219,198)
```

Monochromatic Color

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

#48ca8a
```
#48ca8a rgb(72,202,138)
```
#48ca94
```
#48ca94 rgb(72,202,148)
```
#48ca9f
```
#48ca9f rgb(72,202,159)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#48cab5
```
#48cab5 rgb(72,202,181)
```
#48cac0
```
#48cac0 rgb(72,202,192)
```
#48caca
```
#48caca rgb(72,202,202)
```

Similar Colors

Text with hexadecimal color #48caaa

This text has a font color of #48caaa.

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

#48caaa background color

This paragraph has a background color of #48caaa.

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

#48caaa border color

This element has a border color of #48caaa.

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

CSS codes

.text {color:#48caaa;}

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

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

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

#040f0c
```
#040f0c rgb(4,15,12)
```
#091e19
```
#091e19 rgb(9,30,25)
```
#0d2d25
```
#0d2d25 rgb(13,45,37)
```
#113c32
```
#113c32 rgb(17,60,50)
```
#164c3e
```
#164c3e rgb(22,76,62)
```
#1a5b4b
```
#1a5b4b rgb(26,91,75)
```
#1f6a57
```
#1f6a57 rgb(31,106,87)
```
#237964
```
#237964 rgb(35,121,100)
```
#288871
```
#288871 rgb(40,136,113)
```
#2c987d
```
#2c987d rgb(44,152,125)
```
#30a78a
```
#30a78a rgb(48,167,138)
```
#35b696
```
#35b696 rgb(53,182,150)
```
#39c5a3
```
#39c5a3 rgb(57,197,163)
```

Shade Color Variation

#48caaa
```
#48caaa rgb(72,202,170)
```
#57ceb1
```
#57ceb1 rgb(87,206,177)
```
#66d3b8
```
#66d3b8 rgb(102,211,184)
```
#76d7bf
```
#76d7bf rgb(118,215,191)
```
#85dcc6
```
#85dcc6 rgb(133,220,198)
```
#94e0cd
```
#94e0cd rgb(148,224,205)
```
#a3e4d4
```
#a3e4d4 rgb(163,228,212)
```
#b2e9db
```
#b2e9db rgb(178,233,219)
```
#c2ede3
```
#c2ede3 rgb(194,237,227)
```
#d1f2ea
```
#d1f2ea rgb(209,242,234)
```
#e0f6f1
```
#e0f6f1 rgb(224,246,241)
```
#effaf8
```
#effaf8 rgb(239,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a8a is the less saturated color, while #1bf7c1 is the most saturated one.

#888a8a
```
#888a8a rgb(136,138,138)
```
#7e948e
```
#7e948e rgb(126,148,142)
```
#759d93
```
#759d93 rgb(117,157,147)
```
#6ca698
```
#6ca698 rgb(108,166,152)
```
#63af9c
```
#63af9c rgb(99,175,156)
```
#5ab8a1
```
#5ab8a1 rgb(90,184,161)
```
#51c1a5
```
#51c1a5 rgb(81,193,165)
```
#48caaa
```
#48caaa rgb(72,202,170)
```
#3fd3af
```
#3fd3af rgb(63,211,175)
```
#36dcb3
```
#36dcb3 rgb(54,220,179)
```
#2de5b8
```
#2de5b8 rgb(45,229,184)
```
#24eebc
```
#24eebc rgb(36,238,188)
```
#1bf7c1
```
#1bf7c1 rgb(27,247,193)
```

Tone Color Variation

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

Dichromacy

#c1b8a4 Protanopia 1% of men
#cbb3b7 Deuteranopia 1% of men
#65c7d5 Tritanopia 0.001% of the population

Trichromacy

#95bfa6 Protanomaly 1% of men, 0.01% of women
#9bbbb2 Deuteranomaly 6% of men, 0.4% of women
#5ac8c5 Tritanomaly 0.01% of the population

#48caaa hex color

#48caaa Color Information

#48caaa Color Conversion

Color Schemes with #48caaa

Alternatives to #48caaa

#48caaa Preview

Shades and Tints of #48caaa

Tones of #48caaa

Color Blindness Simulator