Nazwany kolor · #893E40
Cranberry Tart
Cranberry Tart to #893E40: rgb(137 62 64), hsl(358 38% 39%), oklch(0.463 0.103 20.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cranberry Tart color name →
#893E40
oklch(0.463 0.103 20.3)
Konwersje koloru
- HEX
- #893e40
- RGB
- rgb(137 62 64)
- HSL
- hsl(358 38% 39%)
- HWB
- hwb(358 24% 46%)
- OKLCH
- oklch(0.463 0.103 20.3)
- OKLab
- oklab(0.463 0.096 0.036)
- CIE Lab
- lab(36.61 32.83 14.99)
- LCH
- lch(36.61 36.09 24.5)
- CMYK
- cmyk(0% 55% 53% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 965151
- A26363
- AF7675
- BB8988
- C79C9B
- D2AFAE
- DEC3C2
- E9D7D6
- F4EBEA
Odcienie ciemniejsze
- 763536
- 642B2D
- 532324
- 421A1B
- 311213
- 220A0B
- 140405
- 070101
- 010000
Tony
- 894546
- 894C4D
- 895353
- 885A59
- 886060
- 876766
- 856D6C
- 847473
- 827A79
Harmonie kolorów
Komplementarna +180°
- 893E40
Cranberry Tart
- 00666A
≈ Joyful Tears
Analogowa -30° +30°
- 893E40
Cranberry Tart
- 823E60
≈ Ancient Royal Banner
- 85451B
≈ Sis Kebab
Triada +120° +240°
- 893E40
Cranberry Tart
- 36662C
≈ Radical Green
- 365892
≈ B’dazzled Blue
Komplementarna rozszczepiona +150° +210°
- 893E40
Cranberry Tart
- 006951
≈ Peacock Green
- 006182
≈ Adriatic Sea
Tetrada +90° +180° +270°
- 893E40
Cranberry Tart
- 5C5D00
≈ Greensboro
- 00666A
≈ Joyful Tears
- 594D8E
≈ Purple Corallite
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.42:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.82:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--cranberry-tart: #893e40;
--cranberry-tart-rgb: 137 62 64;
--cranberry-tart-oklch: oklch(0.463 0.103 20.3);
}
.element {
color: var(--cranberry-tart);
background-color: hsl(358 38% 39%);
border-color: oklch(0.463 0.103 20.3);
}Tailwind CSS v4
@theme {
--color-cranberry-tart: #893e40;
--color-cranberry-tart-50: #ffeae8;
--color-cranberry-tart-100: #ffdbd8;
--color-cranberry-tart-200: #fec4c0;
--color-cranberry-tart-300: #e8a39f;
--color-cranberry-tart-400: #d48585;
--color-cranberry-tart-500: #c16869;
--color-cranberry-tart-600: #a35959;
--color-cranberry-tart-700: #834747;
--color-cranberry-tart-800: #613335;
--color-cranberry-tart-900: #442324;
--color-cranberry-tart-950: #2c1113;
}SCSS
$cranberry-tart: #893e40;
$cranberry-tart-rgb: 137, 62, 64;
$cranberry-tart-light: mix(#fff, $cranberry-tart, 20%);
$cranberry-tart-dark: mix(#000, $cranberry-tart, 20%);
.element {
color: $cranberry-tart;
box-shadow: 0 0 0 2px rgba($cranberry-tart, 0.35);
}