Huebook

Pacific Navy Analogous Color Scheme

Five colors arranged by the analogous rule around Pacific Navy (#25488A), each snapped to its nearest named color.

#208468
#247E81
#25488A
#2E2D88
#662288

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Accent Green Blue#20846832, 132, 104163°, 61%, 32%76, 0, 21, 4855.0% 0.100 169
Jade Jewel#247E8136, 126, 129182°, 56%, 32%72, 2, 0, 4954.3% 0.082 198
Pacific Navy#25488A37, 72, 138219°, 58%, 34%73, 48, 0, 4641.3% 0.117 262
Cosmic Cobalt#2E2D8846, 45, 136241°, 50%, 35%66, 67, 0, 4736.1% 0.147 277
Sapphire Siren#662288102, 34, 136280°, 60%, 33%25, 75, 0, 4740.7% 0.164 312

Which pairs work for text

Text on backgroundContrastWCAG
Aa #208468 on #2E2D882.47:1—
Aa #247E81 on #2E2D882.37:1—
Aa #208468 on #6622882.12:1—
Aa #247E81 on #6622882.04:1—
Aa #208468 on #25488A1.92:1—
Aa #247E81 on #25488A1.84:1—

CSS variables

:root {
  --color-1: #208468; /* Accent Green Blue */
  --color-2: #247e81; /* Jade Jewel */
  --color-3: #25488a; /* Pacific Navy */
  --color-4: #2e2d88; /* Cosmic Cobalt */
  --color-5: #662288; /* Sapphire Siren */
}

Other schemes from Pacific Navy

More dark blue analogous color schemes

Questions

What colors go with Pacific Navy?

In a analogous scheme: Accent Green Blue (#208468), Jade Jewel (#247E81), Cosmic Cobalt (#2E2D88), Sapphire Siren (#662288).

What is the hex code of Pacific Navy?

#25488A.