Sunken Harbour Monochromatic Color Scheme

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

#0C121B

#1C3D44

#306A78

#4B9CAB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Midnight Edition	`#0C121B`	12, 18, 27	216°, 38%, 8%	56, 33, 0, 89
Midnight Edition	`#0C121B`	12, 18, 27	216°, 38%, 8%	56, 33, 0, 89
Sunken Harbour	`#1C3D44`	28, 61, 68	191°, 42%, 19%	59, 10, 0, 73
Ocean’s Embrace	`#306A78`	48, 106, 120	192°, 43%, 33%	60, 12, 0, 53
Summer Turquoise Blue	`#4B9CAB`	75, 156, 171	189°, 39%, 48%	56, 9, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0C121B on #4B9CAB	5.94:1	AA
Aa #0C121B on #4B9CAB	5.94:1	AA
Aa #1C3D44 on #4B9CAB	3.69:1	AA large
Aa #0C121B on #306A78	3.09:1	AA large
Aa #0C121B on #306A78	3.09:1	AA large
Aa #1C3D44 on #306A78	1.92:1	—

CSS variables

:root {
  --color-1: #0c121b; /* Midnight Edition */
  --color-2: #0c121b; /* Midnight Edition */
  --color-3: #1c3d44; /* Sunken Harbour */
  --color-4: #306a78; /* Ocean’s Embrace */
  --color-5: #4b9cab; /* Summer Turquoise Blue */
}

Other schemes from Sunken Harbour

More Very Dark Teal monochromatic palettes

Questions

What colors go with Sunken Harbour?

In a monochromatic scheme: Midnight Edition (#0C121B), Midnight Edition (#0C121B), Ocean’s Embrace (#306A78), Summer Turquoise Blue (#4B9CAB).

What is the hex code of Sunken Harbour?

#1C3D44.