Snow

#F0F9FE

Blue

Color Codes

All color formats for development

HEX

#F0F9FE

RGB

rgb(240, 249, 254)

HSL

hsl(201, 88%, 97%)

OKLCH

oklch(0.977 0.012 231.6)

CMYK

cmyk(6%, 2%, 0%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.07:1

AA ✗AAA ✗

On Black Background

19.69:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

CopyBase

Copy

#F1F9

100

#DDF2

200

#C1E7

300

#91D4

400

#57BD

500

#27AB

600

#0D8E

700

#0B71

800

#0851

900

#0534

950

#0320

Shades

Darker variations

1#C2E7FB

2#94D5F8

3#65C3F5

4#37B1F2

5#0F9CE9

6#0C7DBA

7#095E8C

8#063F5D

9#031F2F

Tints

Lighter variations

1#F2FAFE

2#F3FAFE

3#F5FBFE

4#F6FCFE

5#F8FCFF

6#F9FDFF

7#FBFDFF

8#FCFEFF

9#FEFEFF

Tones

Muted variations

1#F1F9FD

2#F2F9FD

3#F3F9FC

4#F3F9FB

5#F4F8FB

6#F5F8FA

7#F5F8F9

8#F6F8F9

9#F7F8F8

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	F1F9 `#F1F9FE`	BackgroundsSubtle highlightsCard backgrounds
100	DDF2 `#DDF2FD`	Light backgroundsTable row hoverSkeleton loading
200	C1E7 `#C1E7FB`	Secondary backgroundsInput backgroundsDividers
300	91D4 `#91D4F8`	BordersInactive statesPlaceholder text
400	57BD `#57BDF4`	Disabled statesSecondary iconsMuted text
500	27AB `#27ABF1`	Primary brand colorCTAsActive elementsLinks
600	0D8E `#0D8ED3`	Hover statesFocus ringsPrimary buttons hover
700	0B71 `#0B71A8`	Active/pressed statesDark mode accentsSecondary text
800	0851 `#085178`	Text on light backgroundsHeadingsStrong borders
900	0534 `#05344D`	Primary textHigh emphasis contentDark headings
950	0320 `#032030`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --snow-50: #F1F9FE;
  --snow-100: #DDF2FD;
  --snow-200: #C1E7FB;
  --snow-300: #91D4F8;
  --snow-400: #57BDF4;
  --snow-500: #27ABF1;
  --snow-600: #0D8ED3;
  --snow-700: #0B71A8;
  --snow-800: #085178;
  --snow-900: #05344D;
  --snow-950: #032030;
}

Generate More Shades Create Palette Convert Color