Benannte Farbe · #EE7C54
Sassy Salmon
Sassy Salmon ist #EE7C54: rgb(238 124 84), hsl(16 82% 63%), oklch(0.708 0.151 39.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sassy Salmon color name →
#EE7C54
oklch(0.708 0.151 39.7)
Farbumrechnungen
- HEX
- #ee7c54
- RGB
- rgb(238 124 84)
- HSL
- hsl(16 82% 63%)
- HWB
- hwb(16 33% 7%)
- OKLCH
- oklch(0.708 0.151 39.7)
- OKLab
- oklab(0.708 0.116 0.096)
- CIE Lab
- lab(64.97 42.56 42.38)
- LCH
- lch(64.97 60.06 44.9)
- CMYK
- cmyk(0% 48% 65% 7%)
Tints · Shades · Tones
Tints
- F18A66
- F49878
- F7A589
- F9B29A
- FBBFAA
- FDCCBB
- FED9CC
- FFE6DD
- FFF2EE
Shades
- CF6B48
- B15A3C
- 934A31
- 773B26
- 5C2C1B
- 421E11
- 2A1108
- 140502
- 030100
Tones
- E37D5A
- D97F5F
- CE8064
- C48069
- B9816E
- AE8172
- A38176
- 978179
- 8C817D
Farbharmonien
Komplementär +180°
- EE7C54
Sassy Salmon
- 00B3D8
≈ Blue Atoll
Analog -30° +30°
- EE7C54
Sassy Salmon
- EE758C
≈ Rose Cheeks
- DC8D0E
≈ Harvest Eve Gold
Triadisch +120° +240°
- EE7C54
Sassy Salmon
- 28BD7F
≈ Greenish Teal
- 8F94FC
≈ Periwinkle Blue
Geteilt komplementär +150° +210°
- EE7C54
Sassy Salmon
- 00B9B1
≈ Super Rare Jade
- 4CA6FA
≈ Joust Blue
Tetradisch +90° +180° +270°
- EE7C54
Sassy Salmon
- 82B343
≈ Young Bud
- 00B3D8
≈ Blue Atoll
- BD84E7
≈ Lavender Perceptions
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.74:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.64:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--sassy-salmon: #ee7c54;
--sassy-salmon-rgb: 238 124 84;
--sassy-salmon-oklch: oklch(0.708 0.151 39.7);
}
.element {
color: var(--sassy-salmon);
background-color: hsl(16 82% 63%);
border-color: oklch(0.708 0.151 39.7);
}Tailwind CSS v4
@theme {
--color-sassy-salmon: #ee7c54;
--color-sassy-salmon-50: #ffe8d4;
--color-sassy-salmon-100: #ffd8c1;
--color-sassy-salmon-200: #ffbfa2;
--color-sassy-salmon-300: #f89d79;
--color-sassy-salmon-400: #e87c56;
--color-sassy-salmon-500: #d65b2d;
--color-sassy-salmon-600: #b44e28;
--color-sassy-salmon-700: #913e1f;
--color-sassy-salmon-800: #6c2c17;
--color-sassy-salmon-900: #4c1d0f;
--color-sassy-salmon-950: #320d03;
}SCSS
$sassy-salmon: #ee7c54;
$sassy-salmon-rgb: 238, 124, 84;
$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);
}