Adlandırılmış renk · #543D37
Horse Liver
Horse Liver, #543D37: rgb(84 61 55), hsl(12 21% 27%), oklch(0.384 0.034 35.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Horse Liver color name →
#543D37
oklch(0.384 0.034 35.1)
Renk dönüşümleri
- HEX
- #543d37
- RGB
- rgb(84 61 55)
- HSL
- hsl(12 21% 27%)
- HWB
- hwb(12 22% 67%)
- OKLCH
- oklch(0.384 0.034 35.1)
- OKLab
- oklab(0.384 0.028 0.02)
- CIE Lab
- lab(28.25 9.7 7.86)
- LCH
- lch(28.25 12.48 39)
- CMYK
- cmyk(0% 27% 35% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 644E49
- 74605B
- 84726E
- 958581
- A69895
- B7ACA9
- C9C0BE
- DBD5D3
- EDEAE9
Koyu tonlar
- 48342E
- 3C2B26
- 31221E
- 261A16
- 1B120F
- 110A08
- 080403
- 020101
- 000000
Gri tonlar
- 58433E
- 5D4A45
- 61504C
- 665753
- 6A5E5A
- 6F6462
- 736B69
- 777271
- 7C7978
Renk uyumları
Tamamlayıcı +180°
- 543D37
Horse Liver
- 2E484F
≈ Dad’s Coupe
Analog -30° +30°
- 543D37
Horse Liver
- 543C41
≈ Royal Iris
- 504030
≈ Turtle
Üçlü +120° +240°
- 543D37
Horse Liver
- 35493B
≈ Government Green
- 3E4256
≈ Attorney
Bölünmüş tamamlayıcı +150° +210°
- 543D37
Horse Liver
- 2E4946
≈ Platoon Green
- 344555
≈ Aristocratic Blue
Dörtlü +90° +180° +270°
- 543D37
Horse Liver
- 3F4733
≈ Rifle Green
- 2E484F
≈ Dad’s Coupe
- 483F52
≈ Jazlyn
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.00:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.09:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.00:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--horse-liver: #543d37;
--horse-liver-rgb: 84 61 55;
--horse-liver-oklch: oklch(0.384 0.034 35.1);
}
.element {
color: var(--horse-liver);
background-color: hsl(12 21% 27%);
border-color: oklch(0.384 0.034 35.1);
}Tailwind CSS v4
@theme {
--color-horse-liver: #543d37;
--color-horse-liver-50: #fff2ee;
--color-horse-liver-100: #f3e4e0;
--color-horse-liver-200: #e2d0ca;
--color-horse-liver-300: #c8b2ab;
--color-horse-liver-400: #b29891;
--color-horse-liver-500: #9b7f77;
--color-horse-liver-600: #836b65;
--color-horse-liver-700: #695651;
--color-horse-liver-800: #4e3e3b;
--color-horse-liver-900: #362b28;
--color-horse-liver-950: #211816;
}SCSS
$horse-liver: #543d37;
$horse-liver-rgb: 84, 61, 55;
$horse-liver-light: mix(#fff, $horse-liver, 20%);
$horse-liver-dark: mix(#000, $horse-liver, 20%);
.element {
color: $horse-liver;
box-shadow: 0 0 0 2px rgba($horse-liver, 0.35);
}