Huebook

Citrus Triadic Color Scheme

Five colors arranged by the triadic rule around Citrus (#9FB70A), each snapped to its nearest named color.

#9FB70A
#009CB7
#BB0099
#D5F534
#00606F

Color names and codes

NameHEXRGBHSLCMYK
Citrus#9FB70A159, 183, 1068°, 90%, 38%13, 0, 95, 28
Brilliant Sea#009CB70, 156, 183189°, 100%, 36%100, 15, 0, 28
Jealous Jellyfish#BB0099187, 0, 153311°, 100%, 37%0, 100, 18, 27
Stadium Grass#D5F534213, 245, 5270°, 91%, 58%13, 0, 79, 4
Cool Dive#00606F0, 96, 111188°, 100%, 22%100, 14, 0, 56

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D5F534 on #00606F5.84:1AA
Aa #BB0099 on #D5F5344.74:1AA
Aa #9FB70A on #00606F3.19:1AA large
Aa #009CB7 on #D5F5342.63:1—
Aa #9FB70A on #BB00992.59:1—
Aa #009CB7 on #00606F2.22:1—

CSS variables

:root {
  --color-1: #9fb70a; /* Citrus */
  --color-2: #009cb7; /* Brilliant Sea */
  --color-3: #bb0099; /* Jealous Jellyfish */
  --color-4: #d5f534; /* Stadium Grass */
  --color-5: #00606f; /* Cool Dive */
}

Other schemes from Citrus

More Dark Yellow triadic palettes

Questions

What colors go with Citrus?

In a triadic scheme: Brilliant Sea (#009CB7), Jealous Jellyfish (#BB0099), Stadium Grass (#D5F534), Cool Dive (#00606F).

What is the hex code of Citrus?

#9FB70A.