#DBF5FE

#DBF5FE

Color Values

HEX

#DBF5FE

RGB

219, 245, 254

HSL

195.4, 94.6%, 92.7%

HSV

195.4, 13.8%, 99.6%

CMYK

13.8%, 3.5%, 0.0%, 0.4%

OKLCH

0.954 0.0298 220.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DBF5FE

#FEE4DB

Analogous

#DBFEF5

#DBE3FE

#DBF5FE

Triadic

#DBF5FE

#FEDBF5

#F5FEDB

Split Complementary

#DBF5FE

#FEDBE3

#FEF5DB

Tetradic

#DBF5FE

#F5DBFE

#FEE4DB

#E3FEDB

Color Blindness Simulation

Original

#DBF5FE

Protanopia

#E6E6FC

Deuteranopia

#E5E3FB

Tritanopia

#DCFAFA

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#BAECFD
300
#88DEFC
400
#47CCFA
500
#07BAF8
600
#0695C6
700
#04779F
800
#035D7C
900
#07455A
950
#052B39

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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