Colore con nome · #9D632D
Cathay Spice
Cathay Spice è #9D632D: rgb(157 99 45), hsl(29 55% 40%), oklch(0.553 0.102 60.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Cathay Spice color name →
#9D632D
oklch(0.553 0.102 60.8)
Conversioni di colore
- HEX
- #9d632d
- RGB
- rgb(157 99 45)
- HSL
- hsl(29 55% 40%)
- HWB
- hwb(29 18% 38%)
- OKLCH
- oklch(0.553 0.102 60.8)
- OKLab
- oklab(0.553 0.05 0.089)
- CIE Lab
- lab(47.76 20.57 39.82)
- LCH
- lch(47.76 44.82 62.7)
- CMYK
- cmyk(0% 37% 71% 38%)
Tinte · Ombre · Toni
Tinte
- A77244
- B18159
- BB916D
- C5A081
- CFAF96
- D9BFAA
- E2CFBF
- ECDFD4
- F6EFE9
Ombre
- 885526
- 73471F
- 5F3A18
- 4C2E11
- 3A210B
- 281606
- 180B02
- 090301
- 010000
Toni
- 9B6638
- 986A41
- 956D4A
- 937053
- 90735B
- 8D7562
- 8A786A
- 877B71
- 837D79
Armonie di colore
Complementare +180°
- 9D632D
Cathay Spice
- 3179A8
≈ Taiwan Blue Magpie
Analogo -30° +30°
- 9D632D
Cathay Spice
- A65A4D
≈ Santa Fe Sunset
- 896F1D
≈ Corn Harvest
Triadico +120° +240°
- 9D632D
Cathay Spice
- 008575
≈ Summer Turquoise
- 7D63A5
≈ Genestealer Purple
Complementare divisa +150° +210°
- 9D632D
Cathay Spice
- 008192
≈ Craftsman Blue
- 5C6EAE
≈ Loch Ness
Tetradico +90° +180° +270°
- 9D632D
Cathay Spice
- 408353
≈ Kilkenny
- 3179A8
≈ Taiwan Blue Magpie
- 945B8E
≈ Àn Zǐ Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.93:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.25:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--cathay-spice: #9d632d;
--cathay-spice-rgb: 157 99 45;
--cathay-spice-oklch: oklch(0.553 0.102 60.8);
}
.element {
color: var(--cathay-spice);
background-color: hsl(29 55% 40%);
border-color: oklch(0.553 0.102 60.8);
}Tailwind CSS v4
@theme {
--color-cathay-spice: #9d632d;
--color-cathay-spice-50: #fff0d8;
--color-cathay-spice-100: #ffe1c6;
--color-cathay-spice-200: #f4cba8;
--color-cathay-spice-300: #ddac81;
--color-cathay-spice-400: #ca905e;
--color-cathay-spice-500: #b67538;
--color-cathay-spice-600: #9a6331;
--color-cathay-spice-700: #7c4f27;
--color-cathay-spice-800: #5c391b;
--color-cathay-spice-900: #412712;
--color-cathay-spice-950: #291504;
}SCSS
$cathay-spice: #9d632d;
$cathay-spice-rgb: 157, 99, 45;
$cathay-spice-light: mix(#fff, $cathay-spice, 20%);
$cathay-spice-dark: mix(#000, $cathay-spice, 20%);
.element {
color: $cathay-spice;
box-shadow: 0 0 0 2px rgba($cathay-spice, 0.35);
}