#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026