Lighthouse Glow Triadic Color Scheme

Five colors arranged by the triadic rule around Lighthouse Glow (#F8D568), each snapped to its nearest named color.

#F8D568

#73FCD6

#C760FF

#FCF0CA

#13EAC9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lighthouse Glow	`#F8D568`	248, 213, 104	45°, 91%, 69%	0, 14, 58, 3
Spindrift	`#73FCD6`	115, 252, 214	163°, 96%, 72%	54, 0, 15, 1
Jacaranda Pink	`#C760FF`	199, 96, 255	279°, 100%, 69%	22, 62, 0, 0
Vanilla Cake	`#FCF0CA`	252, 240, 202	46°, 89%, 89%	0, 5, 20, 1
Fake Jade	`#13EAC9`	19, 234, 201	171°, 85%, 50%	92, 0, 14, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C760FF on #FCF0CA	2.82:1	—
Aa #73FCD6 on #C760FF	2.54:1	—
Aa #F8D568 on #C760FF	2.25:1	—
Aa #C760FF on #13EAC9	2.08:1	—
Aa #FCF0CA on #13EAC9	1.35:1	—
Aa #F8D568 on #FCF0CA	1.25:1	—

CSS variables

:root {
  --color-1: #f8d568; /* Lighthouse Glow */
  --color-2: #73fcd6; /* Spindrift */
  --color-3: #c760ff; /* Jacaranda Pink */
  --color-4: #fcf0ca; /* Vanilla Cake */
  --color-5: #13eac9; /* Fake Jade */
}

Other schemes from Lighthouse Glow

#F8D568
#FBEEC1
#6888FC
#1D5DEC
#CCD5FF
Lighthouse Glow Complementary Color Scheme
#F6688E
#FF8C69
#F8D568
#D8F878
#9AF764
Lighthouse Glow Analogous Color Scheme
#F8D568
#70D4FB
#8866FF
#F1C11C
#AEE4FF
Lighthouse Glow Split-complementary Color Scheme
#F8D568
#64E986
#6888FC
#FF66CC
#FCF0CA
Lighthouse Glow Tetradic Color Scheme
#BF9005
#F1C11C
#F8D568
#FBE7B2
#FFF8E7
Lighthouse Glow Monochromatic Color Scheme

More Light Yellow triadic palettes

Questions

What colors go with Lighthouse Glow?

In a triadic scheme: Spindrift (#73FCD6), Jacaranda Pink (#C760FF), Vanilla Cake (#FCF0CA), Fake Jade (#13EAC9).

What is the hex code of Lighthouse Glow?

#F8D568.