Nazwany kolor · #771C2B
Jazzy Red
Jazzy Red to #771C2B: rgb(119 28 43), hsl(350 62% 29%), oklch(0.382 0.124 16.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Jazzy Red color name →
#771C2B
oklch(0.382 0.124 16.3)
Konwersje koloru
- HEX
- #771c2b
- RGB
- rgb(119 28 43)
- HSL
- hsl(350 62% 29%)
- HWB
- hwb(350 11% 53%)
- OKLCH
- oklch(0.382 0.124 16.3)
- OKLab
- oklab(0.382 0.119 0.035)
- CIE Lab
- lab(26.97 40.21 15.31)
- LCH
- lch(26.97 43.02 20.8)
- CMYK
- cmyk(0% 76% 64% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 86353E
- 954B51
- A46165
- B27679
- BF8C8E
- CDA3A4
- DAB9BA
- E6D0D1
- F3E7E8
Odcienie ciemniejsze
- 671724
- 57121D
- 470D16
- 380810
- 2A050A
- 1C0205
- 100102
- 050001
- 010000
Tony
- 7A2933
- 7C343B
- 7E3F44
- 7F494C
- 805254
- 815B5D
- 826566
- 816E6E
- 817777
Harmonie kolorów
Komplementarna +180°
- 771C2B
Jazzy Red
- 004D4E
≈ Dark Teal
Analogowa -30° +30°
- 771C2B
Jazzy Red
- 6E1F50
≈ Forest Fruit Red
- 6F2C00
≈ Cold Press Coffee
Triada +120° +240°
- 771C2B
Jazzy Red
- 225000
≈ Patch of Land
- 084183
≈ Bracing Blue
Komplementarna rozszczepiona +150° +210°
- 771C2B
Jazzy Red
- 005039
≈ Chrysocolla Dark Green
- 004A61
≈ Stegadon Scale Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.57:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 1.98:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--jazzy-red: #771c2b;
--jazzy-red-rgb: 119 28 43;
--jazzy-red-oklch: oklch(0.382 0.124 16.3);
}
.element {
color: var(--jazzy-red);
background-color: hsl(350 62% 29%);
border-color: oklch(0.382 0.124 16.3);
}Tailwind CSS v4
@theme {
--color-jazzy-red: #771c2b;
--color-jazzy-red-50: #ffe8e8;
--color-jazzy-red-100: #ffd8d8;
--color-jazzy-red-200: #ffbfc0;
--color-jazzy-red-300: #f09d9f;
--color-jazzy-red-400: #de7e85;
--color-jazzy-red-500: #cb5f69;
--color-jazzy-red-600: #ab5159;
--color-jazzy-red-700: #8a4147;
--color-jazzy-red-800: #662e35;
--color-jazzy-red-900: #481f24;
--color-jazzy-red-950: #2f0f13;
}SCSS
$jazzy-red: #771c2b;
$jazzy-red-rgb: 119, 28, 43;
$jazzy-red-light: mix(#fff, $jazzy-red, 20%);
$jazzy-red-dark: mix(#000, $jazzy-red, 20%);
.element {
color: $jazzy-red;
box-shadow: 0 0 0 2px rgba($jazzy-red, 0.35);
}