Colore con nome · #CABBA1
Windsor Tan
Windsor Tan è #CABBA1: rgb(202 187 161), hsl(38 28% 71%), oklch(0.798 0.039 81.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Windsor Tan color name →
#CABBA1
oklch(0.798 0.039 81.5)
Conversioni di colore
- HEX
- #cabba1
- RGB
- rgb(202 187 161)
- HSL
- hsl(38 28% 71%)
- HWB
- hwb(38 63% 21%)
- OKLCH
- oklch(0.798 0.039 81.5)
- OKLab
- oklab(0.798 0.006 0.039)
- CIE Lab
- lab(76.63 2.39 15.25)
- LCH
- lch(76.63 15.43 81.1)
- CMYK
- cmyk(0% 7% 20% 21%)
Tinte · Ombre · Toni
Tinte
- CFC2AA
- D4C8B3
- DACFBD
- DFD6C6
- E4DDCF
- EAE3D9
- EFEAE2
- F4F1EC
- FAF8F5
Ombre
- AFA28B
- 958A76
- 7C7362
- 645C4E
- 4D463C
- 37322A
- 221F19
- 0F0D09
- 020201
Toni
- C2B59E
- BBAF9A
- B3A997
- ACA394
- A49D91
- 9D978D
- 96918A
- 8E8C87
- 878683
Armonie di colore
Complementare +180°
- CABBA1
Windsor Tan
- AFBED7
≈ Supremely Cool
Analogo -30° +30°
- CABBA1
Windsor Tan
- D3B6A6
≈ Treeless
- BDC0A3
≈ Animal Kingdom
Triadico +120° +240°
- CABBA1
Windsor Tan
- A0C5C8
≈ Raindrop
- C9B5CD
≈ Softly Softly
Complementare divisa +150° +210°
- CABBA1
Windsor Tan
- A4C2D2
≈ Drenched
- BDB9D5
≈ Playful Purple
Tetradico +90° +180° +270°
- CABBA1
Windsor Tan
- A5C6BA
≈ Wave Runner
- AFBED7
≈ Supremely Cool
- D2B3C0
≈ Kindness
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.13:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--windsor-tan: #cabba1;
--windsor-tan-rgb: 202 187 161;
--windsor-tan-oklch: oklch(0.798 0.039 81.5);
}
.element {
color: var(--windsor-tan);
background-color: hsl(38 28% 71%);
border-color: oklch(0.798 0.039 81.5);
}Tailwind CSS v4
@theme {
--color-windsor-tan: #cabba1;
--color-windsor-tan-50: #fbf4e9;
--color-windsor-tan-100: #eee7d9;
--color-windsor-tan-200: #dcd3c2;
--color-windsor-tan-300: #c1b6a1;
--color-windsor-tan-400: #aa9d85;
--color-windsor-tan-500: #948469;
--color-windsor-tan-600: #7d7059;
--color-windsor-tan-700: #645947;
--color-windsor-tan-800: #4a4133;
--color-windsor-tan-900: #332d23;
--color-windsor-tan-950: #1f1a12;
}SCSS
$windsor-tan: #cabba1;
$windsor-tan-rgb: 202, 187, 161;
$windsor-tan-light: mix(#fff, $windsor-tan, 20%);
$windsor-tan-dark: mix(#000, $windsor-tan, 20%);
.element {
color: $windsor-tan;
box-shadow: 0 0 0 2px rgba($windsor-tan, 0.35);
}