Huebook

Sunken Harbour Complementary Color Scheme

Five colors arranged by the complementary rule around Sunken Harbour (#1C3D44), each snapped to its nearest named color.

#1C3D44
#367588
#46221B
#130D07
#8E473B

Color names and codes

NameHEXRGBHSLCMYK
Sunken Harbour#1C3D4428, 61, 68191°, 42%, 19%59, 10, 0, 73
Clear Viridian#36758854, 117, 136194°, 43%, 37%60, 14, 0, 47
Marmite#46221B70, 34, 2710°, 44%, 19%0, 51, 61, 73
Balsamico#130D0719, 13, 730°, 46%, 5%0, 32, 63, 93
Chocolate Explosion#8E473B142, 71, 599°, 41%, 39%0, 50, 58, 44

Which pairs work for text

Text on backgroundContrastWCAG
Aa #367588 on #130D073.73:1AA large
Aa #130D07 on #8E473B2.86:1—
Aa #367588 on #46221B2.70:1—
Aa #1C3D44 on #3675882.25:1—
Aa #46221B on #8E473B2.07:1—
Aa #1C3D44 on #8E473B1.73:1—

CSS variables

:root {
  --color-1: #1c3d44; /* Sunken Harbour */
  --color-2: #367588; /* Clear Viridian */
  --color-3: #46221b; /* Marmite */
  --color-4: #130d07; /* Balsamico */
  --color-5: #8e473b; /* Chocolate Explosion */
}

Other schemes from Sunken Harbour

More Very Dark Teal complementary palettes

Questions

What colors go with Sunken Harbour?

In a complementary scheme: Clear Viridian (#367588), Marmite (#46221B), Balsamico (#130D07), Chocolate Explosion (#8E473B).

What is the hex code of Sunken Harbour?

#1C3D44.