Mint Blue

#98FBCB

What color is Mint Blue?

Mint blue is a soft, pale blue-green with a cool, airy quality, hex #98FBCB, lighter and more washed-out than a typical seafoam shade. It has the translucent, watery look of shallow ocean water over white sand.

What is the meaning of the color Mint Blue?

Mint as a color name entered English in the early 20th century, drawn from the pale green of the mint plant’s dried leaves, though blue-shifted versions like mint blue emerged later as fashion and interior design began blending cool greens with icy blues. The color gained wider recognition through mid-century American home decor, appearing in kitchen appliances and bathroom tile during the 1950s pastel trend popularized by manufacturers such as General Electric. Tiffany and Co. anchored a closely related shade in public consciousness through its signature robin’s-egg packaging, first introduced in the 19th century, which helped establish pale blue-greens as markers of refinement and calm.

RGB
152, 251, 203
HSL
151°, 93%, 79%
CMYK
39, 0, 19, 2
HSV
151°, 39%, 98%
Mint blue color

What colors go with Mint Blue?

Colors that pair well with Mint blue include:
White: clean, airy brightness
Navy: deep, grounding contrast
Coral: warm, lively complement
Gold: soft, warm richness
Lavender: gentle, cool harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #98FBCB color: #98FBCB;
RGB 152, 251, 203 color: rgb(152, 251, 203);
RGB Percentage 60%, 98%, 80% color: rgb(60%, 98%, 80%);
CMYK 39%, 0%, 19%, 2% Not supported in CSS
HSL 151°, 93%, 79% color: hsl(151, 93%, 79%);
HSV 151°, 39%, 98% Not supported in CSS
CIE-LAB 63, -20, 16 color: lab(63% -20 16);
Decimal 10025931 Not supported in CSS

Color Variations

Shades

#98FBCB
#71FAB8
#4AF8A4
#23F791
#08E97D
#07C268
#069C53
#04753E

Tints

#E0FEEF
#D6FEEA
#CBFDE5
#C1FDE0
#B7FCDB
#ACFCD5
#A2FCD0
#98FBCB

Tones

#98FBCB
#9DF6CB
#A2F1CB
#A7ECCB
#ACE7CA
#B1E2CA
#B6DDCA
#BBD8CA

Hues

#98FBCB
#98E1FB
#9998FB
#E498FB
#FB98C8
#FBB298
#FAFB98
#AFFB98

Color Harmonies

Analogous

#98FB99
Click to copy
#98FBCB
Click to copy
#98FAFB
Click to copy

Complementary

#98FBCB
Click to copy
#FB98C8
Click to copy

Split Complementary

#98FBCB
Click to copy
#FB98FA
Click to copy
#FB9998
Click to copy

Triadic

#98FBCB
Click to copy
#CB98FB
Click to copy
#FBCB98
Click to copy

Tetradic

#98FBCB
Click to copy
#9998FB
Click to copy
#FB98C8
Click to copy
#FAFB98
Click to copy

Square

#98FBCB
Click to copy
#9998FB
Click to copy
#FB98C8
Click to copy
#FAFB98
Click to copy

CSS & Dev Snippets

CSS
.mint-blue {
  color: #98FBCB;
}
SCSS
$mint-blue: #98FBCB;
RGB
rgb(152, 251, 203)

Accessibility & Contrast

White background

1.24:1
1.24
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.00:1
17.00
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags