Nazwany kolor · #61394B
Liqueur Red
Liqueur Red to #61394B: rgb(97 57 75), hsl(333 26% 30%), oklch(0.399 0.062 351.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Liqueur Red color name →
#61394B
oklch(0.399 0.062 351.8)
Konwersje koloru
- HEX
- #61394b
- RGB
- rgb(97 57 75)
- HSL
- hsl(333 26% 30%)
- HWB
- hwb(333 22% 62%)
- OKLCH
- oklch(0.399 0.062 351.8)
- OKLab
- oklab(0.399 0.061 -0.009)
- CIE Lab
- lab(29.46 20.24 -3.14)
- LCH
- lch(29.46 20.48 351.2)
- CMYK
- cmyk(0% 41% 23% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 704B5B
- 805D6C
- 8F707D
- 9F838E
- AE97A0
- BEABB3
- CEBFC5
- DED4D8
- EFE9EB
Odcienie ciemniejsze
- 533040
- 462835
- 391F2B
- 2D1721
- 211017
- 15090E
- 0B0406
- 030102
- 000000
Tony
- 654050
- 684755
- 6B4E5A
- 6F5560
- 725C65
- 75636A
- 786A70
- 7B7175
- 7D797A
Harmonie kolorów
Komplementarna +180°
- 61394B
Liqueur Red
- 1D5243
≈ Bagpiper
Analogowa -30° +30°
- 61394B
Liqueur Red
- 573C5B
≈ Old Heliotrope
- 653938
≈ Bogong Moth
Triada +120° +240°
- 61394B
Liqueur Red
- 484B21
≈ Bronze Tone
- 1F4D63
≈ Seafarer
Komplementarna rozszczepiona +150° +210°
- 61394B
Liqueur Red
- 345030
≈ Nettle Green
- 105156
≈ Emerald Spring
Tetrada +90° +180° +270°
- 61394B
Liqueur Red
- 58441D
≈ Smoked Oak Brown
- 1D5243
≈ Bagpiper
- 354769
≈ Forlorn Cruise
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.56:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--liqueur-red: #61394b;
--liqueur-red-rgb: 97 57 75;
--liqueur-red-oklch: oklch(0.399 0.062 351.8);
}
.element {
color: var(--liqueur-red);
background-color: hsl(333 26% 30%);
border-color: oklch(0.399 0.062 351.8);
}Tailwind CSS v4
@theme {
--color-liqueur-red: #61394b;
--color-liqueur-red-50: #ffeef6;
--color-liqueur-red-100: #fae0e9;
--color-liqueur-red-200: #ebcad6;
--color-liqueur-red-300: #d2abba;
--color-liqueur-red-400: #bc90a2;
--color-liqueur-red-500: #a7758b;
--color-liqueur-red-600: #8d6375;
--color-liqueur-red-700: #714f5e;
--color-liqueur-red-800: #533a45;
--color-liqueur-red-900: #3a2730;
--color-liqueur-red-950: #24161c;
}SCSS
$liqueur-red: #61394b;
$liqueur-red-rgb: 97, 57, 75;
$liqueur-red-light: mix(#fff, $liqueur-red, 20%);
$liqueur-red-dark: mix(#000, $liqueur-red, 20%);
.element {
color: $liqueur-red;
box-shadow: 0 0 0 2px rgba($liqueur-red, 0.35);
}