Nazwany kolor · #C1A87C
Antiquity
Antiquity to #C1A87C: rgb(193 168 124), hsl(38 36% 62%), oklch(0.743 0.066 81.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Antiquity color name →
#C1A87C
oklch(0.743 0.066 81.4)
Konwersje koloru
- HEX
- #c1a87c
- RGB
- rgb(193 168 124)
- HSL
- hsl(38 36% 62%)
- HWB
- hwb(38 49% 24%)
- OKLCH
- oklch(0.743 0.066 81.4)
- OKLab
- oklab(0.743 0.01 0.065)
- CIE Lab
- lab(70.29 4.72 26.32)
- LCH
- lch(70.29 26.74 79.8)
- CMYK
- cmyk(0% 13% 36% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7B189
- CDB996
- D3C2A3
- DACAB0
- E0D3BD
- E6DCCA
- ECE4D7
- F2EDE4
- F9F6F2
Odcienie ciemniejsze
- A7926B
- 8F7C5A
- 77674A
- 5F523B
- 493F2C
- 342C1E
- 201A11
- 0E0A05
- 020101
Tony
- BAA47D
- B4A07E
- AD9C7E
- A7987F
- A0947F
- 9A907F
- 938C80
- 8D8880
- 868480
Harmonie kolorów
Komplementarna +180°
- C1A87C
Antiquity
- 95ADD6
≈ Victory Lake
Analogowa -30° +30°
- C1A87C
Antiquity
- CEA086
≈ Arbol de Tamarindo
- ADB080
≈ Stuffed Olive
Triada +120° +240°
- C1A87C
Antiquity
- 78B9BD
≈ Aqua Blue
- C09EC5
≈ Lilac Pink
Komplementarna rozszczepiona +150° +210°
- C1A87C
Antiquity
- 81B4CE
≈ Blue Cuddle
- ACA5D3
≈ Milky Lavender
Tetrada +90° +180° +270°
- C1A87C
Antiquity
- 80BAA6
≈ Patina Hue
- 95ADD6
≈ Victory Lake
- CD9BB0
≈ Rosebay
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.15:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--antiquity: #c1a87c;
--antiquity-rgb: 193 168 124;
--antiquity-oklch: oklch(0.743 0.066 81.4);
}
.element {
color: var(--antiquity);
background-color: hsl(38 36% 62%);
border-color: oklch(0.743 0.066 81.4);
}Tailwind CSS v4
@theme {
--color-antiquity: #c1a87c;
--color-antiquity-50: #fef4e0;
--color-antiquity-100: #f3e6d0;
--color-antiquity-200: #e2d2b5;
--color-antiquity-300: #c8b591;
--color-antiquity-400: #b29b72;
--color-antiquity-500: #9c8252;
--color-antiquity-600: #846e46;
--color-antiquity-700: #6a5838;
--color-antiquity-800: #4f4028;
--color-antiquity-900: #372c1a;
--color-antiquity-950: #22190b;
}SCSS
$antiquity: #c1a87c;
$antiquity-rgb: 193, 168, 124;
$antiquity-light: mix(#fff, $antiquity, 20%);
$antiquity-dark: mix(#000, $antiquity, 20%);
.element {
color: $antiquity;
box-shadow: 0 0 0 2px rgba($antiquity, 0.35);
}