#D0FBF0

#D0FBF0

Color Values

HEX

#D0FBF0

RGB

208, 251, 240

HSL

164.7, 84.3%, 90.0%

HSV

164.7, 17.1%, 98.4%

CMYK

17.1%, 0.0%, 4.4%, 1.6%

OKLCH

0.9549 0.0465 178.0

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#D0FBF0

#FBD0DB

Analogous

#D0FBDB

#D0F0FB

#D0FBF0

Triadic

#D0FBF0

#F0D0FB

#FBF0D0

Split Complementary

#D0FBF0

#FBD0F0

#FBDBD0

Tetradic

#D0FBF0

#DBD0FB

#FBD0DB

#F0FBD0

Color Blindness Simulation

Original

#D0FBF0

Protanopia

#E3E3F3

Deuteranopia

#E0DDF3

Tritanopia

#D2F5F5

Achromatopsia

#F1F1F1

CSS Usage

background-color: #D0FBF0;
color: #D0FBF0;
border-color: #D0FBF0;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDF9EA
300
#8EF5DB
400
#51F0C8
500
#14EBB4
600
#10BC90
700
#0D9673
800
#0A755A
900
#0C5542
950
#07362A

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026