Pacific Depths Complementary Color Scheme

Five colors arranged by the complementary rule around Pacific Depths (#004488), each snapped to its nearest named color.

#004488

#056EEE

#884400

#3D1C02

#EE7700

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pacific Depths	`#004488`	0, 68, 136	210°, 100%, 27%	100, 50, 0, 47
Níu Zǎi Sè Denim	`#056EEE`	5, 110, 238	213°, 96%, 48%	98, 54, 0, 7
Chocolate Pancakes	`#884400`	136, 68, 0	30°, 100%, 27%	0, 50, 100, 47
90% Cocoa	`#3D1C02`	61, 28, 2	26°, 94%, 12%	0, 54, 97, 76
Mee-hua Sunset	`#EE7700`	238, 119, 0	30°, 100%, 47%	0, 50, 100, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3D1C02 on #EE7700	5.33:1	AA
Aa #004488 on #EE7700	3.33:1	AA large
Aa #056EEE on #3D1C02	3.27:1	AA large
Aa #884400 on #EE7700	2.53:1	—
Aa #884400 on #3D1C02	2.10:1	—
Aa #004488 on #056EEE	2.05:1	—

CSS variables

:root {
  --color-1: #004488; /* Pacific Depths */
  --color-2: #056eee; /* Níu Zǎi Sè Denim */
  --color-3: #884400; /* Chocolate Pancakes */
  --color-4: #3d1c02; /* 90% Cocoa */
  --color-5: #ee7700; /* Mee-hua Sunset */
}

Other schemes from Pacific Depths

More Dark Blue complementary palettes

Questions

What colors go with Pacific Depths?

In a complementary scheme: Níu Zǎi Sè Denim (#056EEE), Chocolate Pancakes (#884400), 90% Cocoa (#3D1C02), Mee-hua Sunset (#EE7700).

What is the hex code of Pacific Depths?

#004488.