#E3F3FD

#E3F3FD

Color Values

HEX

#E3F3FD

RGB

227, 243, 253

HSL

203.1, 86.7%, 94.1%

HSV

203.1, 10.3%, 99.2%

CMYK

10.3%, 4.0%, 0.0%, 0.8%

OKLCH

0.9552 0.0217 235.0

Properties

Color Psychology

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Color Harmonies

Color Blindness Simulation

CSS Usage

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

Tailwind Shades

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.5:1

AA Pass AAA Pass

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #E3F3FD?

RGB(227, 243, 253) · HSL(203.1, 86.7%, 94.1%) · CMYK(10.3%, 4.0%, 0.0%, 0.8%)

Does #E3F3FD meet WCAG contrast on white?

1.13:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #E3F3FD?

Use 000000 text on a #E3F3FD background; contrast on black is 18.5:1.