#DBF4FA

#DBF4FA

Color Values

HEX

#DBF4FA

RGB

219, 244, 250

HSL

191.6, 75.6%, 92.0%

HSV

191.6, 12.4%, 98.0%

CMYK

12.4%, 2.4%, 0.0%, 2.0%

OKLCH

0.9507 0.0274 213.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DBF4FA

#FAE1DB

Analogous

#DBFAF1

#DBE5FA

#DBF4FA

Triadic

#DBF4FA

#FADBF4

#F4FADB

Split Complementary

#DBF4FA

#FADBE5

#FAF1DB

Tetradic

#DBF4FA

#F1DBFA

#FAE1DB

#E5FADB

Color Blindness Simulation

Original

#DBF4FA

Protanopia

#E6E6F9

Deuteranopia

#E4E2F8

Tritanopia

#DCF7F7

Achromatopsia

#EFEFEF

CSS Usage

background-color: #DBF4FA;
color: #DBF4FA;
border-color: #DBF4FA;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0ECF6
300
#94DEF0
400
#59CCE8
500
#1FBBE0
600
#1995B3
700
#14778F
800
#105D70
900
#0F4551
950
#0A2B33

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026