Ember Bloom Vivid — #EFB395 Hex Color Code

RGB

rgb(239, 179, 149)

HSL

hsl(20, 74%, 76%)

Metrics

S 74% · L 76%

Contrast (WCAG)

on white

1.8:1Fail

on black

11.6:1AA

Recent trail

About this color

Ember Bloom Vivid (#EFB395) belongs to the orange family — hue 20°, 74% saturation, 76% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS

:root {
  --colorarchive-ember-bloom-vivid: #EFB395; /* hsl(20, 74%, 76%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Ember Pearl Vivid

#F4CCB8 · hsl(20, 74%, 84%)

Darker companion

Ember Silk Vivid

#EA9971 · hsl(20, 74%, 68%)

Complementary counterpoint

Azure Bloom Vivid

#95D1EF · hsl(200, 74%, 76%)

Analogous lead

Apricot Bloom Vivid

#EFD195 · hsl(40, 74%, 76%)

Analogous echo

Crimson Bloom Vivid

#EF9595 · hsl(0, 74%, 76%)

Export preview

Base: Ember Bloom Vivid #EFB395
Lighter companion: Ember Pearl Vivid #F4CCB8
Darker companion: Ember Silk Vivid #EA9971
Complementary counterpoint: Azure Bloom Vivid #95D1EF
Analogous lead: Apricot Bloom Vivid #EFD195
Analogous echo: Crimson Bloom Vivid #EF9595