Colore con nome · #A09174
Kinderhook Clay
Kinderhook Clay è #A09174: rgb(160 145 116), hsl(40 19% 54%), oklch(0.662 0.045 83.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Kinderhook Clay color name →
#A09174
oklch(0.662 0.045 83.8)
Conversioni di colore
- HEX
- #a09174
- RGB
- rgb(160 145 116)
- HSL
- hsl(40 19% 54%)
- HWB
- hwb(40 45% 37%)
- OKLCH
- oklch(0.662 0.045 83.8)
- OKLab
- oklab(0.662 0.005 0.044)
- CIE Lab
- lab(60.94 2.33 17.6)
- LCH
- lch(60.94 17.75 82.5)
- CMYK
- cmyk(0% 9% 28% 37%)
Tinte · Ombre · Toni
Tinte
- A99C81
- B2A68F
- BCB19C
- C5BCAA
- CFC7B8
- D8D2C6
- E2DDD4
- EBE8E2
- F5F4F0
Ombre
- 8B7D64
- 766A54
- 615845
- 4E4637
- 3B3529
- 29251B
- 19150F
- 090705
- 010101
Toni
- 9D8F75
- 9A8E77
- 968C78
- 938A79
- 90897B
- 8D877C
- 8A857D
- 86837E
- 83827F
Armonie di colore
Complementare +180°
- A09174
Kinderhook Clay
- 8593AF
≈ Lilac Blue
Analogo -30° +30°
- A09174
Kinderhook Clay
- A98C7A
≈ Chocolate Powder
- 929677
≈ Acanthus Leaf
Triadico +120° +240°
- A09174
Kinderhook Clay
- 739B9F
≈ Great Fennel Flower
- A18AA3
≈ Plum Perfume
Complementare divisa +150° +210°
- A09174
Kinderhook Clay
- 7898AA
≈ Weldon Blue
- 948EAC
≈ Orchilla
Tetradico +90° +180° +270°
- A09174
Kinderhook Clay
- 779C91
≈ Regal View
- 8593AF
≈ Lilac Blue
- AA8895
≈ Fig Fruit Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.08:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.79:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--kinderhook-clay: #a09174;
--kinderhook-clay-rgb: 160 145 116;
--kinderhook-clay-oklch: oklch(0.662 0.045 83.8);
}
.element {
color: var(--kinderhook-clay);
background-color: hsl(40 19% 54%);
border-color: oklch(0.662 0.045 83.8);
}Tailwind CSS v4
@theme {
--color-kinderhook-clay: #a09174;
--color-kinderhook-clay-50: #fbf5e7;
--color-kinderhook-clay-100: #efe7d8;
--color-kinderhook-clay-200: #ddd3bf;
--color-kinderhook-clay-300: #c2b69e;
--color-kinderhook-clay-400: #ab9d81;
--color-kinderhook-clay-500: #948464;
--color-kinderhook-clay-600: #7d7055;
--color-kinderhook-clay-700: #645944;
--color-kinderhook-clay-800: #4a4131;
--color-kinderhook-clay-900: #332d21;
--color-kinderhook-clay-950: #1f1a10;
}SCSS
$kinderhook-clay: #a09174;
$kinderhook-clay-rgb: 160, 145, 116;
$kinderhook-clay-light: mix(#fff, $kinderhook-clay, 20%);
$kinderhook-clay-dark: mix(#000, $kinderhook-clay, 20%);
.element {
color: $kinderhook-clay;
box-shadow: 0 0 0 2px rgba($kinderhook-clay, 0.35);
}