#48D1CC color codes
- HEX
- #48D1CC
- HEX8
- #48D1CCFF
- HEX8 (Android)
- #FF48D1CC
- RGB
- rgb(72, 209, 204)
- RGB (%)
- 28%, 82%, 80%
- HSL
- hsl(178, 60%, 55%)
- HSV / HSB
- hsv(178, 66%, 82%)
- CMYK
- cmyk(66%, 0%, 2%, 18%)
- OKLCH
- oklch(0.7868 0.1162 191.56)
- OKLCH (%)
- oklch(78.68% 0.1162 191.56)
- Decimal
- 4772300
What color is #48D1CC?
#48D1CC sits at 79% lightness and 0.1162 chroma in OKLCH, hue 191.56°. Its nearest named color is MediumTurquoise (an exact match).
Shades and tints of #48D1CC
Tints
Shades
Tones
#48D1CC color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #48D1CC in CSS
.text { color: #48D1CC; }
.background { background-color: #48D1CC; }
.border { border: 2px solid #48D1CC; }
/* Modern, perceptually uniform */
.text { color: oklch(0.7868 0.1162 191.56); }
/* #48D1CC at 50% transparency */
.overlay { background-color: #48D1CC80; }Is #48D1CC accessible?
#48D1CC on white text scores 1.86:1; on black text it scores 11.27:1. Black text passes WCAG AAA on #48D1CC. Recommended text color on a #48D1CC background: black.
A 11.27:1 vs black
A 1.86:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#48D1CC) → black APCA Lc experimental 69 Lc · large / secondary text (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the cyan family on the colors hub.
Frequently asked questions
- What color is #48D1CC?
- #48D1CC is MediumTurquoise. In RGB it is rgb(72, 209, 204), and in HSL hsl(178, 60%, 55%).
- What is #48D1CC in RGB?
- #48D1CC converts to rgb(72, 209, 204) — red 72, green 209, blue 204.
- What text color is readable on #48D1CC?
- Black text — it has the higher contrast ratio (11.27:1) against #48D1CC. Black text passes WCAG AAA on #48D1CC.