Nazwany kolor · #922724
Vivid Auburn
Vivid Auburn to #922724: rgb(146 39 36), hsl(2 60% 36%), oklch(0.442 0.143 26.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Vivid Auburn color name →
#922724
oklch(0.442 0.143 26.5)
Konwersje koloru
- HEX
- #922724
- RGB
- rgb(146 39 36)
- HSL
- hsl(2 60% 36%)
- HWB
- hwb(2 14% 43%)
- OKLCH
- oklch(0.442 0.143 26.5)
- OKLab
- oklab(0.442 0.128 0.064)
- CIE Lab
- lab(33.89 45.01 29.55)
- LCH
- lch(33.89 53.84 33.3)
- CMYK
- cmyk(0% 73% 75% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9F3F39
- AC554E
- B86A62
- C37F78
- CE948D
- D9A9A3
- E3BEB9
- EDD4D0
- F6E9E7
Odcienie ciemniejsze
- 7E201E
- 6B1A18
- 581412
- 460E0C
- 350807
- 250404
- 160202
- 080100
- 010000
Tony
- 92332E
- 913E38
- 914741
- 90504A
- 8E5953
- 8C615C
- 8A6965
- 87716E
- 847877
Harmonie kolorów
Komplementarna +180°
- 922724
Vivid Auburn
- 005F68
≈ Petrol
Analogowa -30° +30°
- 922724
Vivid Auburn
- 8C2655
≈ Dark Raspberry
- 7E4000
≈ Hazelnut Chocolate
Triada +120° +240°
- 922724
Vivid Auburn
- 00651F
≈ Paradise Palms
- 2F4BA1
≈ Sea of Tears
Komplementarna rozszczepiona +150° +210°
- 922724
Vivid Auburn
- 006252
≈ Philodendron
- 005A81
≈ Whale’s Tale
Tetrada +90° +180° +270°
- 922724
Vivid Auburn
- 505A00
≈ Greensboro
- 005F68
≈ Petrol
- 5D3C97
≈ Daisy Bush
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.27:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.53:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--vivid-auburn: #922724;
--vivid-auburn-rgb: 146 39 36;
--vivid-auburn-oklch: oklch(0.442 0.143 26.5);
}
.element {
color: var(--vivid-auburn);
background-color: hsl(2 60% 36%);
border-color: oklch(0.442 0.143 26.5);
}Tailwind CSS v4
@theme {
--color-vivid-auburn: #922724;
--color-vivid-auburn-50: #ffe7de;
--color-vivid-auburn-100: #ffd7cd;
--color-vivid-auburn-200: #ffbdb2;
--color-vivid-auburn-300: #f89a8d;
--color-vivid-auburn-400: #e77a70;
--color-vivid-auburn-500: #d45951;
--color-vivid-auburn-600: #b34c45;
--color-vivid-auburn-700: #903d37;
--color-vivid-auburn-800: #6b2b29;
--color-vivid-auburn-900: #4c1d1b;
--color-vivid-auburn-950: #320c0c;
}SCSS
$vivid-auburn: #922724;
$vivid-auburn-rgb: 146, 39, 36;
$vivid-auburn-light: mix(#fff, $vivid-auburn, 20%);
$vivid-auburn-dark: mix(#000, $vivid-auburn, 20%);
.element {
color: $vivid-auburn;
box-shadow: 0 0 0 2px rgba($vivid-auburn, 0.35);
}