Huebook

Hot Beach Analogous Color Scheme

Five colors arranged by the analogous rule around Hot Beach (#FFF6D9), each snapped to its nearest named color.

#FFDAE2
#FCE2D8
#FFF6D9
#F9FDD9
#E9FFDB

Color names and codes

NameHEXRGBHSLCMYK
It’s a Girl!#FFDAE2255, 218, 226347°, 100%, 93%0, 15, 11, 0
Peach Cloud#FCE2D8252, 226, 21617°, 86%, 92%0, 10, 14, 1
Hot Beach#FFF6D9255, 246, 21746°, 100%, 93%0, 4, 15, 0
Apple Martini#F9FDD9249, 253, 21767°, 90%, 92%2, 0, 14, 1
Nyanza#E9FFDB233, 255, 21997°, 100%, 93%9, 0, 14, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFDAE2 on #F9FDD91.23:1—
Aa #FFDAE2 on #E9FFDB1.21:1—
Aa #FFDAE2 on #FFF6D91.19:1—
Aa #FCE2D8 on #F9FDD91.18:1—
Aa #FCE2D8 on #E9FFDB1.16:1—
Aa #FCE2D8 on #FFF6D91.14:1—

CSS variables

:root {
  --color-1: #ffdae2; /* It’s a Girl! */
  --color-2: #fce2d8; /* Peach Cloud */
  --color-3: #fff6d9; /* Hot Beach */
  --color-4: #f9fdd9; /* Apple Martini */
  --color-5: #e9ffdb; /* Nyanza */
}

Other schemes from Hot Beach

More Very Light Yellow analogous palettes

Questions

What colors go with Hot Beach?

In a analogous scheme: It’s a Girl! (#FFDAE2), Peach Cloud (#FCE2D8), Apple Martini (#F9FDD9), Nyanza (#E9FFDB).

What is the hex code of Hot Beach?

#FFF6D9.