Medium Turquoise

Best set with black text. The pairing reaches 11.27:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#48D1CCsRGB hexadecimal

RGBrgb(72, 209, 204)screen channels

HSLhsl(178, 60%, 55%)hue, saturation, lightness

CMYKcmyk(66%, 0%, 2%, 18%)approximate process color

Tailwindteal-400nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.86:1

Black textAAA11.27:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#244443

#378784

#48D1CC

#91DFDB

#C8EDEA

#FAFAFA

Analogous

#48D188

#48D1CC

#4892D1

Triadic

#48D1CC

#CC48D1

#D1CC48

Complement

#48D1CC

#D1484D

Lab distance · lower is closer

:root {
  --color-medium-turquoise: #48D1CC;
}

.swatch {
  background: var(--color-medium-turquoise);
  color: #000000;
}

Hue193°

Lightness77 L*

Chroma38.3

Luminance0.513