Snow

#FFF2F0

Red

Color Codes

All color formats for development

HEX

#FFF2F0

RGB

rgb(255, 242, 240)

HSL

hsl(8, 100%, 97%)

OKLCH

oklch(0.971 0.014 28)

CMYK

cmyk(0%, 5%, 6%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.09:1

AA ✗AAA ✗

On Black Background

19.21:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

CopyBase

Copy

#FFF2

100

#FFE0

200

#FFC6

300

#FF99

400

#FF64

500

#FF38

600

#E01E

700

#B318

800

#8011

900

#520B

950

#3307

Shades

Darker variations

1#FFC7BE

2#FF9C8D

3#FF715B

4#FF462A

5#F72100

6#C61A00

7#941400

8#630D00

9#310700

Tints

Lighter variations

1#FFF3F1

2#FFF4F3

3#FFF6F4

4#FFF7F6

5#FFF8F7

6#FFFAF9

7#FFFBFA

8#FFFCFC

9#FFFEFD

Tones

Muted variations

1#FEF2F0

2#FDF3F1

3#FDF3F2

4#FCF4F3

5#FBF5F4

6#FAF5F4

7#FAF6F5

8#F9F6F6

9#F8F7F7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF2 `#FFF2F0`	BackgroundsSubtle highlightsCard backgrounds
100	FFE0 `#FFE0DB`	Light backgroundsTable row hoverSkeleton loading
200	FFC6 `#FFC6BD`	Secondary backgroundsInput backgroundsDividers
300	FF99 `#FF998A`	BordersInactive statesPlaceholder text
400	FF64 `#FF644D`	Disabled statesSecondary iconsMuted text
500	FF38 `#FF381A`	Primary brand colorCTAsActive elementsLinks
600	E01E `#E01E00`	Hover statesFocus ringsPrimary buttons hover
700	B318 `#B31800`	Active/pressed statesDark mode accentsSecondary text
800	8011 `#801100`	Text on light backgroundsHeadingsStrong borders
900	520B `#520B00`	Primary textHigh emphasis contentDark headings
950	3307 `#330700`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --snow-50: #FFF2F0;
  --snow-100: #FFE0DB;
  --snow-200: #FFC6BD;
  --snow-300: #FF998A;
  --snow-400: #FF644D;
  --snow-500: #FF381A;
  --snow-600: #E01E00;
  --snow-700: #B31800;
  --snow-800: #801100;
  --snow-900: #520B00;
  --snow-950: #330700;
}

Generate More Shades Create Palette Convert Color