Nazwany kolor · #7C5261
Classic Berry
Classic Berry to #7C5261: rgb(124 82 97), hsl(339 20% 40%), oklch(0.489 0.06 356.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Classic Berry color name →
#7C5261
oklch(0.489 0.06 356.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 89626F
- 96727E
- A3838D
- B0949D
- BDA5AD
- CAB6BD
- D7C8CD
- E4DADD
- F2ECEE
Odcienie ciemniejsze
- 6B4653
- 5A3B46
- 4A2F39
- 3B252D
- 2C1A21
- 1E1115
- 11080B
- 050203
- 010000
Tony
- 7D5764
- 7E5B67
- 7E606A
- 7F646D
- 7F6970
- 806E73
- 807277
- 80777A
- 807B7D
Harmonie kolorów
Komplementarna +180°
- 7C5261
Classic Berry
- 386C5F
≈ Statue of Liberty
Analogowa -30° +30°
- 7C5261
Classic Berry
- 725472
≈ Cembra Blossom
- 7F534E
≈ Cranberry Red
Triada +120° +240°
- 7C5261
Classic Berry
- 5E653D
≈ Scots Pine
- 3E667E
≈ Ocean Storm
Komplementarna rozszczepiona +150° +210°
- 7C5261
Classic Berry
- 4A6A4C
≈ Sabal Palm
- 326A71
≈ Aquarium
Tetrada +90° +180° +270°
- 7C5261
Classic Berry
- 6F5E37
≈ Rationality
- 386C5F
≈ Statue of Liberty
- 516083
≈ Sapphire Earbobs
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.48:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.23:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}