Cor nomeada mais próxima · #E77E5A
#E77E5A
Cor nomeada mais próxima: Sassy Salmon
#E77E5A (rgb(231 126 90), hsl(15 75% 63%), oklch(0.703 0.139 39.5)) é mais próxima da cor nomeada Sassy Salmon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E77E5A
oklch(0.703 0.139 39.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EB8B6B
- EE997C
- F2A68C
- F5B39C
- F7BFAD
- FACCBD
- FBD9CD
- FDE6DE
- FEF2EE
Sombras
- C96D4D
- AB5C41
- 8F4C35
- 733C29
- 592D1E
- 401F13
- 281109
- 130503
- 030100
Tons
- DD7F5F
- D38064
- C98168
- BF816C
- B58170
- AB8173
- A08177
- 96817A
- 8B817D
Harmonias de cor
Complementar +180°
- E77E5A
Sassy Salmon
- 00B1D5
≈ Aquarius
Análoga -30° +30°
- E77E5A
Sassy Salmon
- E7778C
≈ Zany Pink
- D68D29
≈ Turmeric Tea
Tríade +120° +240°
- E77E5A
Sassy Salmon
- 3BB980
≈ Aztec Jade
- 8E94F4
≈ Periwinkle Blue
Complementar dividida +150° +210°
- E77E5A
Sassy Salmon
- 00B7AF
≈ Super Rare Jade
- 53A4F2
≈ Feather Star
Tétrade +90° +180° +270°
- E77E5A
Sassy Salmon
- 83B04B
≈ Parrot Green
- 00B1D5
≈ Aquarius
- B985E0
≈ Lavender Blossom
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.52:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
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);
}