Adlandırılmış renk · #61394B
Liqueur Red
Liqueur Red, #61394B: rgb(97 57 75), hsl(333 26% 30%), oklch(0.399 0.062 351.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Liqueur Red color name →
#61394B
oklch(0.399 0.062 351.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 704B5B
- 805D6C
- 8F707D
- 9F838E
- AE97A0
- BEABB3
- CEBFC5
- DED4D8
- EFE9EB
Koyu tonlar
- 533040
- 462835
- 391F2B
- 2D1721
- 211017
- 15090E
- 0B0406
- 030102
- 000000
Gri tonlar
- 654050
- 684755
- 6B4E5A
- 6F5560
- 725C65
- 75636A
- 786A70
- 7B7175
- 7D797A
Renk uyumları
Tamamlayıcı +180°
- 61394B
Liqueur Red
- 1D5243
≈ Bagpiper
Analog -30° +30°
- 61394B
Liqueur Red
- 573C5B
≈ Old Heliotrope
- 653938
≈ Bogong Moth
Üçlü +120° +240°
- 61394B
Liqueur Red
- 484B21
≈ Bronze Tone
- 1F4D63
≈ Seafarer
Bölünmüş tamamlayıcı +150° +210°
- 61394B
Liqueur Red
- 345030
≈ Nettle Green
- 105156
≈ Emerald Spring
Dörtlü +90° +180° +270°
- 61394B
Liqueur Red
- 58441D
≈ Smoked Oak Brown
- 1D5243
≈ Bagpiper
- 354769
≈ Forlorn Cruise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.56:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.19:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}