Sablé Complementary Color Scheme

Five colors arranged by the complementary rule around Sablé (#F6D8BE), each snapped to its nearest named color.

#F6D8BE

#FBF4E8

#BBDAF8

#7CB9E8

#EAF4FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sablé	`#F6D8BE`	246, 216, 190	28°, 76%, 85%	0, 12, 23, 4
White Fever	`#FBF4E8`	251, 244, 232	38°, 70%, 95%	0, 3, 8, 2
Oh Boy!	`#BBDAF8`	187, 218, 248	210°, 81%, 85%	25, 12, 0, 3
Aero	`#7CB9E8`	124, 185, 232	206°, 70%, 70%	47, 20, 0, 9
Moon White	`#EAF4FC`	234, 244, 252	207°, 75%, 95%	7, 3, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FBF4E8 on #7CB9E8	1.93:1	—
Aa #7CB9E8 on #EAF4FC	1.89:1	—
Aa #F6D8BE on #7CB9E8	1.55:1	—
Aa #BBDAF8 on #7CB9E8	1.46:1	—
Aa #FBF4E8 on #BBDAF8	1.32:1	—
Aa #BBDAF8 on #EAF4FC	1.30:1	—

CSS variables

:root {
  --color-1: #f6d8be; /* Sablé */
  --color-2: #fbf4e8; /* White Fever */
  --color-3: #bbdaf8; /* Oh Boy! */
  --color-4: #7cb9e8; /* Aero */
  --color-5: #eaf4fc; /* Moon White */
}

Other schemes from Sablé

More Very Light Orange complementary palettes

Questions

What colors go with Sablé?

In a complementary scheme: White Fever (#FBF4E8), Oh Boy! (#BBDAF8), Aero (#7CB9E8), Moon White (#EAF4FC).

What is the hex code of Sablé?

#F6D8BE.