#DBF2FE

#DBF2FE

Color Values

HEX

#DBF2FE

RGB

219, 242, 254

HSL

200,6, 94,6%, 92,7%

HSV

200,6, 13,8%, 99,6%

CMYK

13,8%, 4,7%, 0,0%, 0,4%

OKLCH

0,9479 0,0292 230,3

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DBF2FE

#FEE7DB

Analogous

#DBFEF8

#DBE0FE

#DBF2FE

Triadic

#DBF2FE

#FEDBF2

#F2FEDB

Split Complementary

#DBF2FE

#FEDBE0

#FEF8DB

Tetradic

#DBF2FE

#F8DBFE

#FEE7DB

#E0FEDB

Color Blindness Simulation

Original

#DBF2FE

Protanopia

#E5E5FB

Deuteranopia

#E4E2FA

Tritanopia

#DCF9F8

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#BAE6FD
300
#88D4FC
400
#47BDFA
500
#07A5F8
600
#0684C6
700
#046A9F
800
#03537C
900
#073D5A
950
#052739

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,14: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