Nazwany kolor · #A27C4F
Crackled Leather
Crackled Leather to #A27C4F: rgb(162 124 79), hsl(33 34% 47%), oklch(0.613 0.077 70.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Crackled Leather color name →
#A27C4F
oklch(0.613 0.077 70.3)
Konwersje koloru
- HEX
- #a27c4f
- RGB
- rgb(162 124 79)
- HSL
- hsl(33 34% 47%)
- HWB
- hwb(33 31% 36%)
- OKLCH
- oklch(0.613 0.077 70.3)
- OKLab
- oklab(0.613 0.026 0.073)
- CIE Lab
- lab(55.03 11.09 30.43)
- LCH
- lch(55.03 32.38 70)
- CMYK
- cmyk(0% 23% 51% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB8960
- B59572
- BEA283
- C7AF94
- D0BCA5
- DAC9B7
- E3D6C9
- ECE4DB
- F6F1ED
Odcienie ciemniejsze
- 8C6B44
- 775A38
- 634A2E
- 4F3B23
- 3C2C19
- 2A1E10
- 191107
- 0A0502
- 010100
Tony
- 9F7D55
- 9B7D5A
- 987E5F
- 957E64
- 917F69
- 8E7F6E
- 8B7F73
- 878077
- 84807C
Harmonie kolorów
Komplementarna +180°
- A27C4F
Crackled Leather
- 6088B1
≈ Lichen Blue
Analogowa -30° +30°
- A27C4F
Crackled Leather
- AC7460
≈ Pajarito Red
- 8F854D
≈ Rural Green
Triada +120° +240°
- A27C4F
Crackled Leather
- 45938F
≈ Mirage Lake
- 9377A7
≈ Gentian
Komplementarna rozszczepiona +150° +210°
- A27C4F
Crackled Leather
- 498FA4
≈ Aegean Sea
- 7B7FB2
≈ Astro Zinger
Tetrada +90° +180° +270°
- A27C4F
Crackled Leather
- 589374
≈ Deep Grass Green
- 6088B1
≈ Lichen Blue
- A47293
≈ Drama Queen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.79:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.53:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--crackled-leather: #a27c4f;
--crackled-leather-rgb: 162 124 79;
--crackled-leather-oklch: oklch(0.613 0.077 70.3);
}
.element {
color: var(--crackled-leather);
background-color: hsl(33 34% 47%);
border-color: oklch(0.613 0.077 70.3);
}Tailwind CSS v4
@theme {
--color-crackled-leather: #a27c4f;
--color-crackled-leather-50: #fff2de;
--color-crackled-leather-100: #f8e4cc;
--color-crackled-leather-200: #e9d0b1;
--color-crackled-leather-300: #d0b28c;
--color-crackled-leather-400: #bc976c;
--color-crackled-leather-500: #a77d4b;
--color-crackled-leather-600: #8d6a40;
--color-crackled-leather-700: #715533;
--color-crackled-leather-800: #543d24;
--color-crackled-leather-900: #3b2a18;
--color-crackled-leather-950: #251809;
}SCSS
$crackled-leather: #a27c4f;
$crackled-leather-rgb: 162, 124, 79;
$crackled-leather-light: mix(#fff, $crackled-leather, 20%);
$crackled-leather-dark: mix(#000, $crackled-leather, 20%);
.element {
color: $crackled-leather;
box-shadow: 0 0 0 2px rgba($crackled-leather, 0.35);
}