Soaked in Sun Complementary Color Scheme
Five colors arranged by the complementary rule around Soaked in Sun (#F7D163), each snapped to its nearest named color.
#F7D163
#FBEBBB
#6888FC
#1155FF
#CCD5FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Soaked in Sun | #F7D163 | 247, 209, 99 | 45°, 90%, 68% | 0, 15, 60, 3 | |
| Wheaten White | #FBEBBB | 251, 235, 187 | 45°, 89%, 86% | 0, 6, 25, 2 | |
| Punch Out Glove | #6888FC | 104, 136, 252 | 227°, 96%, 70% | 59, 46, 0, 1 | |
| Light Shōjin Blue | #1155FF | 17, 85, 255 | 223°, 100%, 53% | 93, 67, 0, 0 | |
| Pale Phthalo Blue | #CCD5FF | 204, 213, 255 | 229°, 100%, 90% | 20, 16, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBEBBB on #1155FF | 4.70:1 | AA |
| Aa #1155FF on #CCD5FF | 3.86:1 | AA large |
| Aa #F7D163 on #1155FF | 3.78:1 | AA large |
| Aa #FBEBBB on #6888FC | 2.72:1 | — |
| Aa #6888FC on #CCD5FF | 2.23:1 | — |
| Aa #F7D163 on #6888FC | 2.19:1 | — |
CSS variables
:root {
--color-1: #f7d163; /* Soaked in Sun */
--color-2: #fbebbb; /* Wheaten White */
--color-3: #6888fc; /* Punch Out Glove */
--color-4: #1155ff; /* Light Shōjin Blue */
--color-5: #ccd5ff; /* Pale Phthalo Blue */
}Other schemes from Soaked in Sun
- Soaked in Sun Analogous Color Scheme#F6688E#FF8866#F7D163#DAEA6F#9AF764
- Soaked in Sun Triadic Color Scheme#F7D163#73FCD6#C760FF#FCEDC5#11FFBB
- Soaked in Sun Split-complementary Color Scheme#F7D163#70D4FB#8866FF#F5BC1D#AEE4FF
- Soaked in Sun Tetradic Color Scheme#F7D163#64E986#6888FC#FF66CC#FCEDC5
- Soaked in Sun Monochromatic Color Scheme#B8860B#F5BC1D#F7D163#FAE8AB#FFF8E7
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Soaked in Sun?
In a complementary scheme: Wheaten White (#FBEBBB), Punch Out Glove (#6888FC), Light Shōjin Blue (#1155FF), Pale Phthalo Blue (#CCD5FF).
What is the hex code of Soaked in Sun?
#F7D163.