Nearest named color · #E77E5A
#E77E5A
Nearest named color: Sassy Salmon
#E77E5A (rgb(231 126 90), hsl(15 75% 63%), oklch(0.703 0.139 39.5)) is closest to the named color Sassy Salmon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E77E5A
oklch(0.703 0.139 39.5)
Color conversions
- HEX
- #e77e5a
- RGB
- rgb(231 126 90)
- HSL
- hsl(15 75% 63%)
- HWB
- hwb(15 35% 9%)
- OKLCH
- oklch(0.703 0.139 39.5)
- OKLab
- oklab(0.703 0.107 0.089)
- CIE Lab
- lab(64.45 39.17 38.3)
- LCH
- lch(64.45 54.79 44.4)
- CMYK
- cmyk(0% 45% 61% 9%)
Tints · Shades · Tones
Tints
- EB8B6B
- EE997C
- F2A68C
- F5B39C
- F7BFAD
- FACCBD
- FBD9CD
- FDE6DE
- FEF2EE
Shades
- C96D4D
- AB5C41
- 8F4C35
- 733C29
- 592D1E
- 401F13
- 281109
- 130503
- 030100
Tones
- DD7F5F
- D38064
- C98168
- BF816C
- B58170
- AB8173
- A08177
- 96817A
- 8B817D
Color harmonies
Complementary +180°
- E77E5A
Sassy Salmon
- 00B1D5
≈ Aquarius
Analogous -30° +30°
- E77E5A
Sassy Salmon
- E7778C
≈ Zany Pink
- D68D29
≈ Turmeric Tea
Triadic +120° +240°
- E77E5A
Sassy Salmon
- 3BB980
≈ Aztec Jade
- 8E94F4
≈ Periwinkle Blue
Split-complementary +150° +210°
- E77E5A
Sassy Salmon
- 00B7AF
≈ Super Rare Jade
- 53A4F2
≈ Feather Star
Tetradic +90° +180° +270°
- E77E5A
Sassy Salmon
- 83B04B
≈ Parrot Green
- 00B1D5
≈ Aquarius
- B985E0
≈ Lavender Blossom
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.52:1 · APCA Lc 49
Best text color: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--sassy-salmon: #e77e5a;
--sassy-salmon-rgb: 231 126 90;
--sassy-salmon-oklch: oklch(0.703 0.139 39.5);
}
.element {
color: var(--sassy-salmon);
background-color: hsl(15 75% 63%);
border-color: oklch(0.703 0.139 39.5);
}Tailwind CSS v4
@theme {
--color-sassy-salmon: #e77e5a;
--color-sassy-salmon-50: #ffe9d7;
--color-sassy-salmon-100: #ffd9c4;
--color-sassy-salmon-200: #ffc1a6;
--color-sassy-salmon-300: #f49f7f;
--color-sassy-salmon-400: #e37f5d;
--color-sassy-salmon-500: #d06037;
--color-sassy-salmon-600: #b05230;
--color-sassy-salmon-700: #8e4126;
--color-sassy-salmon-800: #6a2e1c;
--color-sassy-salmon-900: #4a1f12;
--color-sassy-salmon-950: #310e05;
}SCSS
$sassy-salmon: #e77e5a;
$sassy-salmon-rgb: 231, 126, 90;
$sassy-salmon-light: mix(#fff, $sassy-salmon, 20%);
$sassy-salmon-dark: mix(#000, $sassy-salmon, 20%);
.element {
color: $sassy-salmon;
box-shadow: 0 0 0 2px rgba($sassy-salmon, 0.35);
}