Huebook

Flying Fish Blue Triadic Color Scheme

Five colors arranged by the triadic rule around Flying Fish Blue (#024ACA), each snapped to its nearest named color.

#024ACA
#CA0147
#55CC00
#337EFF
#7B002C

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Flying Fish Blue#024ACA2, 74, 202218°, 98%, 40%99, 63, 0, 2146.3% 0.208 262
Ruby#CA0147202, 1, 71339°, 99%, 40%0, 100, 65, 2153.4% 0.213 14
Composite Artefact Green#55CC0085, 204, 095°, 100%, 40%58, 0, 100, 2074.7% 0.230 138
Ceruleite#337EFF51, 126, 255218°, 100%, 60%80, 51, 0, 061.9% 0.206 261
Bordeaux#7B002C123, 0, 44339°, 100%, 24%0, 100, 64, 5237.2% 0.149 11

Which pairs work for text

Text on backgroundContrastWCAG
Aa #55CC00 on #7B002C5.34:1AA
Aa #024ACA on #55CC003.54:1AA large
Aa #337EFF on #7B002C2.96:1—
Aa #CA0147 on #55CC002.78:1—
Aa #024ACA on #337EFF1.96:1—
Aa #CA0147 on #7B002C1.92:1—

CSS variables

:root {
  --color-1: #024aca; /* Flying Fish Blue */
  --color-2: #ca0147; /* Ruby */
  --color-3: #55cc00; /* Composite Artefact Green */
  --color-4: #337eff; /* Ceruleite */
  --color-5: #7b002c; /* Bordeaux */
}

Other schemes from Flying Fish Blue

More dark blue triadic color schemes

Questions

What colors go with Flying Fish Blue?

In a triadic scheme: Ruby (#CA0147), Composite Artefact Green (#55CC00), Ceruleite (#337EFF), Bordeaux (#7B002C).

What is the hex code of Flying Fish Blue?

#024ACA.