Huebook

Cobalt Tetradic Color Scheme

Five colors arranged by the tetradic rule around Cobalt (#030AA7), each snapped to its nearest named color.

#030AA7
#A0025C
#A4A404
#00A550
#1C1CF0

Color names and codes

NameHEXRGBHSLCMYK
Cobalt#030AA73, 10, 167237°, 96%, 33%98, 94, 0, 35
Deep Magenta#A0025C160, 2, 92326°, 98%, 32%0, 99, 42, 37
Countryside#A4A404164, 164, 460°, 95%, 33%0, 0, 98, 36
Green Pigment#00A5500, 165, 80149°, 100%, 32%100, 0, 52, 35
Bluebonnet#1C1CF028, 28, 240240°, 88%, 53%88, 88, 0, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #030AA7 on #A4A4044.92:1AA
Aa #030AA7 on #00A5504.05:1AA large
Aa #A4A404 on #1C1CF03.19:1AA large
Aa #A0025C on #A4A4042.97:1—
Aa #00A550 on #1C1CF02.63:1—
Aa #A0025C on #00A5502.44:1—

CSS variables

:root {
  --color-1: #030aa7; /* Cobalt */
  --color-2: #a0025c; /* Deep Magenta */
  --color-3: #a4a404; /* Countryside */
  --color-4: #00a550; /* Green Pigment */
  --color-5: #1c1cf0; /* Bluebonnet */
}

Other schemes from Cobalt

More Dark Blue tetradic palettes

Questions

What colors go with Cobalt?

In a tetradic scheme: Deep Magenta (#A0025C), Countryside (#A4A404), Green Pigment (#00A550), Bluebonnet (#1C1CF0).

What is the hex code of Cobalt?

#030AA7.