Hydra Complementary Color Scheme

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

#006995

#00AAEE

#932904

#441100

#F94D00

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hydra	`#006995`	0, 105, 149	198°, 100%, 29%	100, 30, 0, 42
Vivid Cerulean	`#00AAEE`	0, 170, 238	197°, 100%, 47%	100, 29, 0, 7
Dark Umber	`#932904`	147, 41, 4	16°, 95%, 30%	0, 72, 97, 42
Black Chocolate	`#441100`	68, 17, 0	15°, 100%, 13%	0, 75, 100, 73
Tangelo	`#F94D00`	249, 77, 0	19°, 100%, 49%	0, 69, 100, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00AAEE on #441100	6.02:1	AA
Aa #441100 on #F94D00	4.59:1	AA
Aa #00AAEE on #932904	3.12:1	AA large
Aa #006995 on #441100	2.61:1	—
Aa #932904 on #F94D00	2.38:1	—
Aa #006995 on #00AAEE	2.31:1	—

CSS variables

:root {
  --color-1: #006995; /* Hydra */
  --color-2: #00aaee; /* Vivid Cerulean */
  --color-3: #932904; /* Dark Umber */
  --color-4: #441100; /* Black Chocolate */
  --color-5: #f94d00; /* Tangelo */
}

Other schemes from Hydra

More Dark Blue complementary palettes

Questions

What colors go with Hydra?

In a complementary scheme: Vivid Cerulean (#00AAEE), Dark Umber (#932904), Black Chocolate (#441100), Tangelo (#F94D00).

What is the hex code of Hydra?

#006995.