#98FCC8

#98FCC8

Color Values

HEX

#98FCC8

RGB

152, 252, 200

HSL

148.8, 94.3%, 79.2%

HSV

148.8, 39.7%, 98.8%

CMYK

39.7%, 0.0%, 20.6%, 1.2%

OKLCH

0.9156 0.1194 160.1

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#98FCC8

#FC98CC

Analogous

#9AFC98

#98FCFA

#98FCC8

Triadic

#98FCC8

#C898FC

#FCC898

Split Complementary

#98FCC8

#FA98FC

#FC989A

Tetradic

#98FCC8

#989AFC

#FC98CC

#FCFA98

Color Blindness Simulation

Original

#98FCC8

Protanopia

#C3C4D5

Deuteranopia

#BEB6D8

Tritanopia

#9DDFE1

Achromatopsia

#E3E3E3

CSS Usage

background-color: #98FCC8;
color: #98FCC8;
border-color: #98FCC8;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDA
300
#88FCBF
400
#48FA9D
500
#07F87B
600
#06C662
700
#059F4F
800
#047C3D
900
#075A2F
950
#05391E

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026