Nazwany kolor · #C71414
Cherry Crush
Cherry Crush to #C71414: rgb(199 20 20), hsl(0 82% 43%), oklch(0.528 0.207 28.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cherry Crush color name →
#C71414
oklch(0.528 0.207 28.3)
Konwersje koloru
- HEX
- #c71414
- RGB
- rgb(199 20 20)
- HSL
- hsl(0 82% 43%)
- HWB
- hwb(0 8% 22%)
- OKLCH
- oklch(0.528 0.207 28.3)
- OKLab
- oklab(0.528 0.182 0.098)
- CIE Lab
- lab(43.14 65.07 51.03)
- LCH
- lch(43.14 82.7 38.1)
- CMYK
- cmyk(0% 90% 90% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D03C32
- D8574A
- E06E61
- E78477
- ED998D
- F2ADA3
- F7C2BA
- FAD6D1
- FDEBE8
Odcienie ciemniejsze
- AD1010
- 930C0C
- 7A0808
- 620505
- 4C0303
- 360101
- 210101
- 0E0000
- 020000
Tony
- C22D26
- BC3D33
- B7493E
- B15348
- AA5C52
- A3645C
- 9B6C65
- 93736E
- 8A7A77
Harmonie kolorów
Komplementarna +180°
- C71414
Cherry Crush
- 007987
≈ Biscay Bay
Analogowa -30° +30°
- C71414
Cherry Crush
- BF116A
≈ Spiced Purple
- 9F5500
≈ Charlie Brown
Triada +120° +240°
- C71414
Cherry Crush
- 008133
≈ Pharmaceutical Green
- 3B5AE0
≈ Veteran’s Day Blue
Komplementarna rozszczepiona +150° +210°
- C71414
Cherry Crush
- 007D6B
≈ Mediaeval Forest
- 0073A7
≈ Methyl Blue
Tetrada +90° +180° +270°
- C71414
Cherry Crush
- 657400
≈ Topiary Green
- 007987
≈ Biscay Bay
- 7E42D0
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.93:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.53:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--cherry-crush: #c71414;
--cherry-crush-rgb: 199 20 20;
--cherry-crush-oklch: oklch(0.528 0.207 28.3);
}
.element {
color: var(--cherry-crush);
background-color: hsl(0 82% 43%);
border-color: oklch(0.528 0.207 28.3);
}Tailwind CSS v4
@theme {
--color-cherry-crush: #c71414;
--color-cherry-crush-50: #ffe0d2;
--color-cherry-crush-100: #ffcebf;
--color-cherry-crush-200: #ffb19f;
--color-cherry-crush-300: #ff8a75;
--color-cherry-crush-400: #ff6253;
--color-cherry-crush-500: #f12f28;
--color-cherry-crush-600: #cb2b24;
--color-cherry-crush-700: #a4231d;
--color-cherry-crush-800: #7a1617;
--color-cherry-crush-900: #570f0f;
--color-cherry-crush-950: #3a0103;
}SCSS
$cherry-crush: #c71414;
$cherry-crush-rgb: 199, 20, 20;
$cherry-crush-light: mix(#fff, $cherry-crush, 20%);
$cherry-crush-dark: mix(#000, $cherry-crush, 20%);
.element {
color: $cherry-crush;
box-shadow: 0 0 0 2px rgba($cherry-crush, 0.35);
}