Colore con nome · #C1A98F
Wetland Clay
Wetland Clay è #C1A98F: rgb(193 169 143), hsl(31 29% 66%), oklch(0.749 0.046 69.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wetland Clay color name →
#C1A98F
oklch(0.749 0.046 69.3)
Conversioni di colore
- HEX
- #c1a98f
- RGB
- rgb(193 169 143)
- HSL
- hsl(31 29% 66%)
- HWB
- hwb(31 56% 24%)
- OKLCH
- oklch(0.749 0.046 69.3)
- OKLab
- oklab(0.749 0.016 0.043)
- CIE Lab
- lab(70.85 6.04 16.85)
- LCH
- lch(70.85 17.9 70.3)
- CMYK
- cmyk(0% 12% 26% 24%)
Tinte · Ombre · Toni
Tinte
- C7B19A
- CDBAA5
- D3C2B0
- DACBBB
- E0D3C6
- E6DCD1
- ECE5DD
- F3EDE8
- F9F6F3
Ombre
- A7927C
- 8F7C69
- 776757
- 5F5345
- 493F34
- 342C24
- 201B15
- 0E0A07
- 020101
Toni
- BAA58E
- B4A18C
- AD9D8B
- A79889
- A09488
- 9A9086
- 938C85
- 8D8883
- 868482
Armonie di colore
Complementare +180°
- C1A98F
Wetland Clay
- 98B1CA
≈ Porcelain Vase
Analogo -30° +30°
- C1A98F
Wetland Clay
- C8A499
≈ Rose Bisque
- B4AF8E
≈ That’s Atomic
Triadico +120° +240°
- C1A98F
Wetland Clay
- 8DB7B3
≈ Vintage Blue
- B6A6C4
≈ Pixieland
Complementare divisa +150° +210°
- C1A98F
Wetland Clay
- 8EB5C1
≈ Bright Bluebonnet
- A7ABCB
≈ Melody Purple
Tetradico +90° +180° +270°
- C1A98F
Wetland Clay
- 96B7A3
≈ Greyed Jade
- 98B1CA
≈ Porcelain Vase
- C2A3B7
≈ Blackberry Sorbet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.33:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--wetland-clay: #c1a98f;
--wetland-clay-rgb: 193 169 143;
--wetland-clay-oklch: oklch(0.749 0.046 69.3);
}
.element {
color: var(--wetland-clay);
background-color: hsl(31 29% 66%);
border-color: oklch(0.749 0.046 69.3);
}Tailwind CSS v4
@theme {
--color-wetland-clay: #c1a98f;
--color-wetland-clay-50: #fef3e7;
--color-wetland-clay-100: #f2e6d8;
--color-wetland-clay-200: #e1d1c0;
--color-wetland-clay-300: #c7b49f;
--color-wetland-clay-400: #b19a82;
--color-wetland-clay-500: #9a8166;
--color-wetland-clay-600: #826d56;
--color-wetland-clay-700: #695745;
--color-wetland-clay-800: #4d4032;
--color-wetland-clay-900: #362c22;
--color-wetland-clay-950: #211911;
}SCSS
$wetland-clay: #c1a98f;
$wetland-clay-rgb: 193, 169, 143;
$wetland-clay-light: mix(#fff, $wetland-clay, 20%);
$wetland-clay-dark: mix(#000, $wetland-clay, 20%);
.element {
color: $wetland-clay;
box-shadow: 0 0 0 2px rgba($wetland-clay, 0.35);
}