Nearest named color · #E2C79F
#E2C79F
Nearest named color: Caramel Mousse
#E2C79F (rgb(226 199 159), hsl(36 54% 75%), oklch(0.843 0.061 77.5)) is closest to the named color Caramel Mousse. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E2C79F
oklch(0.843 0.061 77.5)
Color conversions
- HEX
- #e2c79f
- RGB
- rgb(226 199 159)
- HSL
- hsl(36 54% 75%)
- HWB
- hwb(36 62% 11%)
- OKLCH
- oklch(0.843 0.061 77.5)
- OKLab
- oklab(0.843 0.013 0.06)
- CIE Lab
- lab(81.82 5.51 23.78)
- LCH
- lch(81.82 24.41 77)
- CMYK
- cmyk(0% 12% 30% 11%)
Tints · Shades · Tones
Tints
- E5CDA9
- E8D2B2
- EBD8BC
- EEDDC5
- F1E3CF
- F4E9D9
- F6EEE2
- F9F4EC
- FCF9F5
Shades
- C4AD8A
- A89375
- 8C7A61
- 71624D
- 574C3B
- 3E3629
- 272118
- 120E09
- 030201
Tones
- D8C09C
- CEB899
- C4B196
- BAAA93
- B0A390
- A69C8D
- 9C958A
- 938E87
- 898783
Color harmonies
Complementary +180°
- E2C79F
Caramel Mousse
- B3CDF4
≈ Alphabet Blue
Analogous -30° +30°
- E2C79F
Caramel Mousse
- EEC0AA
≈ Soft Orange
- CFCFA1
≈ Sawgrass Cottage
Triadic +120° +240°
- E2C79F
Caramel Mousse
- 9CD8D9
≈ Lake Reflection
- DCBFE6
≈ Sky Blue Pink
Split-complementary +150° +210°
- E2C79F
Caramel Mousse
- A2D4EB
≈ Light Deluxe Days
- C8C6F2
≈ Soap
Tetradic +90° +180° +270°
- E2C79F
Caramel Mousse
- A5D9C3
≈ Southern Belle
- B3CDF4
≈ Alphabet Blue
- EBBCD3
≈ Sweet Taffy
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.90:1 · APCA Lc 75
Best text color: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--caramel-mousse: #e2c79f;
--caramel-mousse-rgb: 226 199 159;
--caramel-mousse-oklch: oklch(0.843 0.061 77.5);
}
.element {
color: var(--caramel-mousse);
background-color: hsl(36 54% 75%);
border-color: oklch(0.843 0.061 77.5);
}Tailwind CSS v4
@theme {
--color-caramel-mousse: #e2c79f;
--color-caramel-mousse-50: #fff4e2;
--color-caramel-mousse-100: #f3e6d2;
--color-caramel-mousse-200: #e2d2b8;
--color-caramel-mousse-300: #c8b495;
--color-caramel-mousse-400: #b39a76;
--color-caramel-mousse-500: #9d8157;
--color-caramel-mousse-600: #856d4a;
--color-caramel-mousse-700: #6a583b;
--color-caramel-mousse-800: #4f402a;
--color-caramel-mousse-900: #372c1c;
--color-caramel-mousse-950: #22190c;
}SCSS
$caramel-mousse: #e2c79f;
$caramel-mousse-rgb: 226, 199, 159;
$caramel-mousse-light: mix(#fff, $caramel-mousse, 20%);
$caramel-mousse-dark: mix(#000, $caramel-mousse, 20%);
.element {
color: $caramel-mousse;
box-shadow: 0 0 0 2px rgba($caramel-mousse, 0.35);
}