Lighthouse Glow Tetradic Color Scheme
Five colors arranged by the tetradic rule around Lighthouse Glow (#F8D568), each snapped to its nearest named color.
#F8D568
#64E986
#6888FC
#FF66CC
#FCF0CA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lighthouse Glow | #F8D568 | 248, 213, 104 | 45°, 91%, 69% | 0, 14, 58, 3 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 | |
| Punch Out Glove | #6888FC | 104, 136, 252 | 227°, 96%, 70% | 59, 46, 0, 1 | |
| Rose Pink | #FF66CC | 255, 102, 204 | 320°, 100%, 70% | 0, 60, 20, 0 | |
| Vanilla Cake | #FCF0CA | 252, 240, 202 | 46°, 89%, 89% | 0, 5, 20, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6888FC on #FCF0CA | 2.83:1 | — |
| Aa #FF66CC on #FCF0CA | 2.30:1 | — |
| Aa #F8D568 on #6888FC | 2.26:1 | — |
| Aa #64E986 on #6888FC | 2.08:1 | — |
| Aa #F8D568 on #FF66CC | 1.83:1 | — |
| Aa #64E986 on #FF66CC | 1.69:1 | — |
CSS variables
:root {
--color-1: #f8d568; /* Lighthouse Glow */
--color-2: #64e986; /* Grotesque Green */
--color-3: #6888fc; /* Punch Out Glove */
--color-4: #ff66cc; /* Rose Pink */
--color-5: #fcf0ca; /* Vanilla Cake */
}Other schemes from Lighthouse Glow
- Lighthouse Glow Complementary Color Scheme#F8D568#FBEEC1#6888FC#1D5DEC#CCD5FF
- Lighthouse Glow Analogous Color Scheme#F6688E#FF8C69#F8D568#D8F878#9AF764
- Lighthouse Glow Triadic Color Scheme#F8D568#73FCD6#C760FF#FCF0CA#13EAC9
- Lighthouse Glow Split-complementary Color Scheme#F8D568#70D4FB#8866FF#F1C11C#AEE4FF
- Lighthouse Glow Monochromatic Color Scheme#BF9005#F1C11C#F8D568#FBE7B2#FFF8E7
More Light Yellow tetradic palettes
- Alligator Alley Tetradic Color Scheme#C5D17B#78D1B1#8878C3#D37C99#E9EAC8
- Ancient Treasure Tetradic Color Scheme#E7D082#90EE90#8F8CE7#EE88CC#F8F0D8
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- April Showers Tetradic Color Scheme#DADEB5#BADFCD#B3B4DD#DDB6C6#F6F7ED
- Ash Tetradic Color Scheme#BEBAA7#9FC5AA#9EA5C3#C89EB7#EDE9DF
- Aurora Tetradic Color Scheme#EBD147#4CFF7B#4466EE#F246A7#F4E7A5
- Banana Tetradic Color Scheme#FFFC79#7EFFBA#7777FF#FF77BB#FFFEDF
- Banana Drama Tetradic Color Scheme#F1D548#58F898#4466EE#F246A7#FBE8A8
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Beekeeper Tetradic Color Scheme#F6E491#98F6B0#9BA0EF#F092D6#FFF9E7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
Questions
What colors go with Lighthouse Glow?
In a tetradic scheme: Grotesque Green (#64E986), Punch Out Glove (#6888FC), Rose Pink (#FF66CC), Vanilla Cake (#FCF0CA).
What is the hex code of Lighthouse Glow?
#F8D568.