Huebook

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

NameHEXRGBHSLCMYK
Soaked in Sun#F7D163247, 209, 9945°, 90%, 68%0, 15, 60, 3
Wheaten White#FBEBBB251, 235, 18745°, 89%, 86%0, 6, 25, 2
Punch Out Glove#6888FC104, 136, 252227°, 96%, 70%59, 46, 0, 1
Light Shōjin Blue#1155FF17, 85, 255223°, 100%, 53%93, 67, 0, 0
Pale Phthalo Blue#CCD5FF204, 213, 255229°, 100%, 90%20, 16, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBEBBB on #1155FF4.70:1AA
Aa #1155FF on #CCD5FF3.86:1AA large
Aa #F7D163 on #1155FF3.78:1AA large
Aa #FBEBBB on #6888FC2.72:1—
Aa #6888FC on #CCD5FF2.23:1—
Aa #F7D163 on #6888FC2.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

More Light Orange complementary palettes

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.