Benannte Farbe · #7C5261
Classic Berry
Classic Berry ist #7C5261: rgb(124 82 97), hsl(339 20% 40%), oklch(0.489 0.06 356.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Classic Berry color name →
#7C5261
oklch(0.489 0.06 356.5)
Farbumrechnungen
- HEX
- #7c5261
- RGB
- rgb(124 82 97)
- HSL
- hsl(339 20% 40%)
- HWB
- hwb(339 32% 51%)
- OKLCH
- oklch(0.489 0.06 356.5)
- OKLab
- oklab(0.489 0.06 -0.004)
- CIE Lab
- lab(40.01 19.78 -1.19)
- LCH
- lch(40.01 19.82 356.6)
- CMYK
- cmyk(0% 34% 22% 51%)
Tints · Shades · Tones
Tints
- 89626F
- 96727E
- A3838D
- B0949D
- BDA5AD
- CAB6BD
- D7C8CD
- E4DADD
- F2ECEE
Shades
- 6B4653
- 5A3B46
- 4A2F39
- 3B252D
- 2C1A21
- 1E1115
- 11080B
- 050203
- 010000
Tones
- 7D5764
- 7E5B67
- 7E606A
- 7F646D
- 7F6970
- 806E73
- 807277
- 80777A
- 807B7D
Farbharmonien
Komplementär +180°
- 7C5261
Classic Berry
- 386C5F
≈ Statue of Liberty
Analog -30° +30°
- 7C5261
Classic Berry
- 725472
≈ Cembra Blossom
- 7F534E
≈ Cranberry Red
Triadisch +120° +240°
- 7C5261
Classic Berry
- 5E653D
≈ Scots Pine
- 3E667E
≈ Ocean Storm
Geteilt komplementär +150° +210°
- 7C5261
Classic Berry
- 4A6A4C
≈ Sabal Palm
- 326A71
≈ Aquarium
Tetradisch +90° +180° +270°
- 7C5261
Classic Berry
- 6F5E37
≈ Rationality
- 386C5F
≈ Statue of Liberty
- 516083
≈ Sapphire Earbobs
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.48:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.23:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--classic-berry: #7c5261;
--classic-berry-rgb: 124 82 97;
--classic-berry-oklch: oklch(0.489 0.06 356.5);
}
.element {
color: var(--classic-berry);
background-color: hsl(339 20% 40%);
border-color: oklch(0.489 0.06 356.5);
}Tailwind CSS v4
@theme {
--color-classic-berry: #7c5261;
--color-classic-berry-50: #ffeef5;
--color-classic-berry-100: #fae0e7;
--color-classic-berry-200: #ebcad4;
--color-classic-berry-300: #d2abb7;
--color-classic-berry-400: #bc909f;
--color-classic-berry-500: #a77687;
--color-classic-berry-600: #8d6472;
--color-classic-berry-700: #71505b;
--color-classic-berry-800: #533a44;
--color-classic-berry-900: #3a282f;
--color-classic-berry-950: #24161b;
}SCSS
$classic-berry: #7c5261;
$classic-berry-rgb: 124, 82, 97;
$classic-berry-light: mix(#fff, $classic-berry, 20%);
$classic-berry-dark: mix(#000, $classic-berry, 20%);
.element {
color: $classic-berry;
box-shadow: 0 0 0 2px rgba($classic-berry, 0.35);
}