Huebook

Halo Analogous Color Scheme

Five colors arranged by the analogous rule around Halo (#E2C392), each snapped to its nearest named color.

#E290B2
#E29991
#E2C392
#D4E092
#B2E191

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Rosebloom#E290B2226, 144, 178335°, 59%, 73%0, 36, 21, 1174.7% 0.107 354
Strawberry Rose#E29991226, 153, 1456°, 58%, 73%0, 32, 36, 1175.3% 0.089 26
Halo#E2C392226, 195, 14637°, 58%, 73%0, 14, 35, 1183.2% 0.073 79
Charming Green#D4E092212, 224, 14669°, 56%, 73%5, 0, 35, 1288.0% 0.101 116
Sage Sensation#B2E191178, 225, 14595°, 57%, 73%21, 0, 36, 1285.8% 0.117 133

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E290B2 on #D4E0921.68:1—
Aa #E29991 on #D4E0921.62:1—
Aa #E290B2 on #B2E1911.59:1—
Aa #E29991 on #B2E1911.53:1—
Aa #E290B2 on #E2C3921.40:1—
Aa #E29991 on #E2C3921.35:1—

CSS variables

:root {
  --color-1: #e290b2; /* Rosebloom */
  --color-2: #e29991; /* Strawberry Rose */
  --color-3: #e2c392; /* Halo */
  --color-4: #d4e092; /* Charming Green */
  --color-5: #b2e191; /* Sage Sensation */
}

Other schemes from Halo

More light orange analogous color schemes

Questions

What colors go with Halo?

In a analogous scheme: Rosebloom (#E290B2), Strawberry Rose (#E29991), Charming Green (#D4E092), Sage Sensation (#B2E191).

What is the hex code of Halo?

#E2C392.