Huebook

Shrimp Toast Complementary Color Scheme

Five colors arranged by the complementary rule around Shrimp Toast (#F7C5A0), each snapped to its nearest named color.

#F7C5A0
#FFF1E8
#A1D5F1
#5DADEC
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Shrimp Toast#F7C5A0247, 197, 16026°, 84%, 80%0, 20, 35, 3
Pico Ivory#FFF1E8255, 241, 23223°, 100%, 95%0, 5, 9, 0
Juzcar Blue#A1D5F1161, 213, 241201°, 74%, 79%33, 12, 0, 5
Blue Jeans#5DADEC93, 173, 236206°, 79%, 65%61, 27, 0, 7
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFF1E8 on #5DADEC2.20:1—
Aa #5DADEC on #E8F5FC2.18:1—
Aa #F7C5A0 on #5DADEC1.55:1—
Aa #A1D5F1 on #5DADEC1.54:1—
Aa #FFF1E8 on #A1D5F11.43:1—
Aa #A1D5F1 on #E8F5FC1.42:1—

CSS variables

:root {
  --color-1: #f7c5a0; /* Shrimp Toast */
  --color-2: #fff1e8; /* Pico Ivory */
  --color-3: #a1d5f1; /* Juzcar Blue */
  --color-4: #5dadec; /* Blue Jeans */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Shrimp Toast

More Light Orange complementary palettes

Questions

What colors go with Shrimp Toast?

In a complementary scheme: Pico Ivory (#FFF1E8), Juzcar Blue (#A1D5F1), Blue Jeans (#5DADEC), Kodama White (#E8F5FC).

What is the hex code of Shrimp Toast?

#F7C5A0.