Huebook

Habañero Gold Analogous Color Scheme

Five colors arranged by the analogous rule around Habañero Gold (#FECF3C), each snapped to its nearest named color.

#FF3F6A
#FD6F3B
#FECF3C
#C8FD3D
#7FF23E

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Laser Trap#FF3F6A255, 63, 106347°, 100%, 62%0, 75, 58, 066.6% 0.226 14
Carrot#FD6F3B253, 111, 5916°, 98%, 61%0, 56, 77, 170.7% 0.186 40
Habañero Gold#FECF3C254, 207, 6045°, 99%, 62%0, 19, 76, 087.2% 0.162 90
Yellow Green#C8FD3D200, 253, 6177°, 98%, 62%21, 0, 76, 192.5% 0.213 124
Lush Greenery#7FF23E127, 242, 6298°, 87%, 60%48, 0, 74, 586.0% 0.234 137

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3F6A on #C8FD3D2.85:1—
Aa #FF3F6A on #7FF23E2.38:1—
Aa #FD6F3B on #C8FD3D2.34:1—
Aa #FF3F6A on #FECF3C2.30:1—
Aa #FD6F3B on #7FF23E1.95:1—
Aa #FD6F3B on #FECF3C1.89:1—

CSS variables

:root {
  --color-1: #ff3f6a; /* Laser Trap */
  --color-2: #fd6f3b; /* Carrot */
  --color-3: #fecf3c; /* Habañero Gold */
  --color-4: #c8fd3d; /* Yellow Green */
  --color-5: #7ff23e; /* Lush Greenery */
}

Other schemes from Habañero Gold

More light yellow analogous color schemes

Questions

What colors go with Habañero Gold?

In a analogous scheme: Laser Trap (#FF3F6A), Carrot (#FD6F3B), Yellow Green (#C8FD3D), Lush Greenery (#7FF23E).

What is the hex code of Habañero Gold?

#FECF3C.