№5 Complementary Color Scheme

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

#F8D68B

#FCF4E2

#8AADF7

#4E7FFF

#E8EEFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
№5	`#F8D68B`	248, 214, 139	41°, 89%, 76%	0, 14, 44, 3
Candlelight Ivory	`#FCF4E2`	252, 244, 226	42°, 81%, 94%	0, 3, 10, 1
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3
C64 NTSC	`#4E7FFF`	78, 127, 255	223°, 100%, 65%	69, 50, 0, 0
Brilliant White	`#E8EEFE`	232, 238, 254	224°, 92%, 95%	9, 6, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCF4E2 on #4E7FFF	3.30:1	AA large
Aa #4E7FFF on #E8EEFE	3.12:1	AA large
Aa #F8D68B on #4E7FFF	2.58:1	—
Aa #FCF4E2 on #8AADF7	2.04:1	—
Aa #8AADF7 on #E8EEFE	1.92:1	—
Aa #8AADF7 on #4E7FFF	1.62:1	—

CSS variables

:root {
  --color-1: #f8d68b; /* №5 */
  --color-2: #fcf4e2; /* Candlelight Ivory */
  --color-3: #8aadf7; /* Kitten’s Eye */
  --color-4: #4e7fff; /* C64 NTSC */
  --color-5: #e8eefe; /* Brilliant White */
}

Other schemes from №5

More Light Orange complementary palettes

Questions

What colors go with №5?

In a complementary scheme: Candlelight Ivory (#FCF4E2), Kitten’s Eye (#8AADF7), C64 NTSC (#4E7FFF), Brilliant White (#E8EEFE).

What is the hex code of №5?

#F8D68B.