Huebook

White Beach Triadic Color Scheme

Five colors arranged by the triadic rule around White Beach (#F5EFE5), each snapped to its nearest named color.

#F5EFE5
#E2F7F1
#F0E5F5
#F8F4ED
#AAE1CE

Color names and codes

NameHEXRGBHSLCMYK
White Beach#F5EFE5245, 239, 22937°, 44%, 93%0, 2, 7, 4
Frosty Mint#E2F7F1226, 247, 241163°, 57%, 93%9, 0, 2, 3
Holographic Lavender#F0E5F5240, 229, 245281°, 44%, 93%2, 7, 0, 4
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3
Meristem#AAE1CE170, 225, 206159°, 48%, 77%24, 0, 8, 12

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F4ED on #AAE1CE1.33:1—
Aa #E2F7F1 on #AAE1CE1.31:1—
Aa #F5EFE5 on #AAE1CE1.28:1—
Aa #F0E5F5 on #AAE1CE1.20:1—
Aa #F0E5F5 on #F8F4ED1.11:1—
Aa #E2F7F1 on #F0E5F51.09:1—

CSS variables

:root {
  --color-1: #f5efe5; /* White Beach */
  --color-2: #e2f7f1; /* Frosty Mint */
  --color-3: #f0e5f5; /* Holographic Lavender */
  --color-4: #f8f4ed; /* Crystal Cut */
  --color-5: #aae1ce; /* Meristem */
}

Other schemes from White Beach

More Very Light Orange triadic palettes

Questions

What colors go with White Beach?

In a triadic scheme: Frosty Mint (#E2F7F1), Holographic Lavender (#F0E5F5), Crystal Cut (#F8F4ED), Meristem (#AAE1CE).

What is the hex code of White Beach?

#F5EFE5.