Mint Cream

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

Color values

copy exact values

HEX#F5FFFAsRGB hexadecimal

RGBrgb(245, 255, 250)screen channels

HSLhsl(150, 100%, 98%)hue, saturation, lightness

CMYKcmyk(4%, 0%, 2%, 0%)approximate process color

Tailwindteal-50nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.02:1

Black textAAA20.57: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

#4E514F

#9DA3A0

#F5FFFA

#F7FDFA

#F8FCFA

#FAFAFA

Analogous

#F5FFF5

#F5FFFA

#F5FFFF

Triadic

#F5FFFA

#FAF5FF

#FFFAF5

Complement

#F5FFFA

#FFF5FA

Lab distance · lower is closer

:root {
  --color-mint-cream: #F5FFFA;
}

.swatch {
  background: var(--color-mint-cream);
  color: #000000;
}

Hueneutral

Lightness99 L*

Chroma4.3

Luminance0.978