#98CBBC

#98CBBC

Color Values

HEX

#98CBBC

RGB

152, 203, 188

HSL

162.4, 32.9%, 69.6%

HSV

162.4, 25.1%, 79.6%

CMYK

25.1%, 0.0%, 7.4%, 20.4%

OKLCH

0.8021 0.0573 174.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#98CBBC

#CB98A7

Analogous

#98CBA3

#98C0CB

#98CBBC

Triadic

#98CBBC

#BC98CB

#CBBC98

Split Complementary

#98CBBC

#CB98C0

#CBA398

Tetradic

#98CBBC

#A398CB

#CB98A7

#C0CB98

Color Blindness Simulation

Original

#98CBBC

Protanopia

#AEAFC0

Deuteranopia

#ABA7C0

Tritanopia

#9BC2C3

Achromatopsia

#BFBFBF

CSS Usage

background-color: #98CBBC;
color: #98CBBC;
border-color: #98CBBC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E0
300
#AED6CA
400
#82C0AD
500
#56A991
600
#448874
700
#376C5D
800
#2B5548
900
#223F36
950
#162822

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.6: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