Sunbathed Complementary Color Scheme

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

#F5DD98

#FDF6E7

#8AADF7

#5577EE

#E8EEFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sunbathed	`#F5DD98`	245, 221, 152	45°, 82%, 78%	0, 10, 38, 4
Antique China	`#FDF6E7`	253, 246, 231	41°, 85%, 95%	0, 3, 9, 1
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3
Blue Öyster Cult	`#5577EE`	85, 119, 238	227°, 82%, 63%	64, 50, 0, 7
Brilliant White	`#E8EEFE`	232, 238, 254	224°, 92%, 95%	9, 6, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FDF6E7 on #5577EE	3.71:1	AA large
Aa #5577EE on #E8EEFE	3.44:1	AA large
Aa #F5DD98 on #5577EE	2.98:1	—
Aa #FDF6E7 on #8AADF7	2.08:1	—
Aa #8AADF7 on #E8EEFE	1.92:1	—
Aa #8AADF7 on #5577EE	1.79:1	—

CSS variables

:root {
  --color-1: #f5dd98; /* Sunbathed */
  --color-2: #fdf6e7; /* Antique China */
  --color-3: #8aadf7; /* Kitten’s Eye */
  --color-4: #5577ee; /* Blue Öyster Cult */
  --color-5: #e8eefe; /* Brilliant White */
}

Other schemes from Sunbathed

More Light Orange complementary palettes

Questions

What colors go with Sunbathed?

In a complementary scheme: Antique China (#FDF6E7), Kitten’s Eye (#8AADF7), Blue Öyster Cult (#5577EE), Brilliant White (#E8EEFE).

What is the hex code of Sunbathed?

#F5DD98.