Benannte Farbe · #974146
Classic Cherry
Classic Cherry ist #974146: rgb(151 65 70), hsl(357 40% 42%), oklch(0.49 0.116 18.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Classic Cherry color name →
#974146
oklch(0.49 0.116 18.8)
Farbumrechnungen
- HEX
- #974146
- RGB
- rgb(151 65 70)
- HSL
- hsl(357 40% 42%)
- HWB
- hwb(357 25% 41%)
- OKLCH
- oklch(0.49 0.116 18.8)
- OKLab
- oklab(0.49 0.11 0.037)
- CIE Lab
- lab(39.66 37.16 15.78)
- LCH
- lch(39.66 40.37 23)
- CMYK
- cmyk(0% 57% 54% 41%)
Tints · Shades · Tones
Tints
- A35457
- AE6768
- B9797A
- C48C8C
- CF9E9E
- D9B1B1
- E3C4C4
- EDD8D7
- F6EBEB
Shades
- 83373C
- 6F2E32
- 5C2528
- 491C1E
- 371315
- 260B0D
- 170505
- 080102
- 010000
Tones
- 96484C
- 944F52
- 935657
- 915C5D
- 8F6363
- 8D6969
- 8A6F6E
- 877574
- 847A7A
Farbharmonien
Komplementär +180°
- 974146
Classic Cherry
- 006F72
≈ Active Turquoise
Analog -30° +30°
- 974146
Classic Cherry
- 8F426B
≈ Bonbon Red
- 93491A
≈ Nightcap
Triadisch +120° +240°
- 974146
Classic Cherry
- 3B702A
≈ Druid Green
- 3560A1
≈ Perfect Ocean
Geteilt komplementär +150° +210°
- 974146
Classic Cherry
- 007257
≈ Lush Meadow
- 006A8C
≈ Techno Blue
Tetradisch +90° +180° +270°
- 974146
Classic Cherry
- 666500
≈ Earthy Khaki Green
- 006F72
≈ Active Turquoise
- 5F539D
≈ Coronation Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.64:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.16:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--classic-cherry: #974146;
--classic-cherry-rgb: 151 65 70;
--classic-cherry-oklch: oklch(0.49 0.116 18.8);
}
.element {
color: var(--classic-cherry);
background-color: hsl(357 40% 42%);
border-color: oklch(0.49 0.116 18.8);
}Tailwind CSS v4
@theme {
--color-classic-cherry: #974146;
--color-classic-cherry-50: #ffe9e7;
--color-classic-cherry-100: #ffd9d7;
--color-classic-cherry-200: #ffc1bf;
--color-classic-cherry-300: #eda09e;
--color-classic-cherry-400: #da8183;
--color-classic-cherry-500: #c76367;
--color-classic-cherry-600: #a85458;
--color-classic-cherry-700: #874346;
--color-classic-cherry-800: #643034;
--color-classic-cherry-900: #462123;
--color-classic-cherry-950: #2e1012;
}SCSS
$classic-cherry: #974146;
$classic-cherry-rgb: 151, 65, 70;
$classic-cherry-light: mix(#fff, $classic-cherry, 20%);
$classic-cherry-dark: mix(#000, $classic-cherry, 20%);
.element {
color: $classic-cherry;
box-shadow: 0 0 0 2px rgba($classic-cherry, 0.35);
}