Nazwany kolor · #95122C
Bacchic Burgundy
Bacchic Burgundy to #95122C: rgb(149 18 44), hsl(348 78% 33%), oklch(0.433 0.162 18.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Bacchic Burgundy color name →
#95122C
oklch(0.433 0.162 18.2)
Konwersje koloru
- HEX
- #95122c
- RGB
- rgb(149 18 44)
- HSL
- hsl(348 78% 33%)
- HWB
- hwb(348 7% 42%)
- OKLCH
- oklch(0.433 0.162 18.2)
- OKLab
- oklab(0.433 0.154 0.051)
- CIE Lab
- lab(32.42 52.18 23.06)
- LCH
- lch(32.42 57.05 23.8)
- CMYK
- cmyk(0% 88% 70% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2333F
- AF4C53
- BB6367
- C7797B
- D18F90
- DCA5A5
- E5BBBB
- EED2D1
- F7E8E8
Odcienie ciemniejsze
- 810E25
- 6D0A1E
- 5A0717
- 480411
- 37020A
- 260105
- 160102
- 080001
- 010000
Tony
- 952635
- 94343D
- 944045
- 924A4E
- 915456
- 8F5D5E
- 8C6667
- 896F6F
- 857877
Harmonie kolorów
Komplementarna +180°
- 95122C
Bacchic Burgundy
- 005D5F
≈ Sandhill Crane
Analogowa -30° +30°
- 95122C
Bacchic Burgundy
- 8A185F
≈ Cardinal Pink
- 823700
≈ Coffee Addiction
Triada +120° +240°
- 95122C
Bacchic Burgundy
- 236000
≈ Thuja Green
- 004BA7
≈ Soulstone Blue
Komplementarna rozszczepiona +150° +210°
- 95122C
Bacchic Burgundy
- 005F47
≈ Sci-Fi Takeout
- 005975
≈ Ink Blue
Tetrada +90° +180° +270°
- 95122C
Bacchic Burgundy
- 565400
≈ Douro
- 005D5F
≈ Sandhill Crane
- 5138A2
≈ Royalty
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.74:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.40:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.74:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--bacchic-burgundy: #95122c;
--bacchic-burgundy-rgb: 149 18 44;
--bacchic-burgundy-oklch: oklch(0.433 0.162 18.2);
}
.element {
color: var(--bacchic-burgundy);
background-color: hsl(348 78% 33%);
border-color: oklch(0.433 0.162 18.2);
}Tailwind CSS v4
@theme {
--color-bacchic-burgundy: #95122c;
--color-bacchic-burgundy-50: #ffe4e2;
--color-bacchic-burgundy-100: #ffd3d1;
--color-bacchic-burgundy-200: #ffb8b7;
--color-bacchic-burgundy-300: #ff9494;
--color-bacchic-burgundy-400: #ee7279;
--color-bacchic-burgundy-500: #dc4d5c;
--color-bacchic-burgundy-600: #ba434e;
--color-bacchic-burgundy-700: #96353e;
--color-bacchic-burgundy-800: #70252e;
--color-bacchic-burgundy-900: #4f191f;
--color-bacchic-burgundy-950: #34080f;
}SCSS
$bacchic-burgundy: #95122c;
$bacchic-burgundy-rgb: 149, 18, 44;
$bacchic-burgundy-light: mix(#fff, $bacchic-burgundy, 20%);
$bacchic-burgundy-dark: mix(#000, $bacchic-burgundy, 20%);
.element {
color: $bacchic-burgundy;
box-shadow: 0 0 0 2px rgba($bacchic-burgundy, 0.35);
}