Colore con nome · #C5A5C7
Tea Towel
Tea Towel è #C5A5C7: rgb(197 165 199), hsl(296 23% 71%), oklch(0.761 0.06 324.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Tea Towel color name →
#C5A5C7
oklch(0.761 0.06 324.3)
Conversioni di colore
- HEX
- #c5a5c7
- RGB
- rgb(197 165 199)
- HSL
- hsl(296 23% 71%)
- HWB
- hwb(296 65% 22%)
- OKLCH
- oklch(0.761 0.06 324.3)
- OKLab
- oklab(0.761 0.048 -0.035)
- CIE Lab
- lab(71.46 16.54 -12.87)
- LCH
- lch(71.46 20.96 322.1)
- CMYK
- cmyk(1% 17% 0% 22%)
Tinte · Ombre · Toni
Tinte
- CBAECD
- D1B7D2
- D6BFD8
- DCC8DD
- E2D1E3
- E8DAE9
- EEE3EE
- F3EDF4
- F9F6F9
Ombre
- AB8FAD
- 927993
- 79657A
- 615162
- 4B3D4C
- 352B36
- 211A21
- 0E0A0E
- 020102
Toni
- BEA1C0
- B79EB8
- B09AB1
- A996AA
- A292A3
- 9B8F9C
- 948B95
- 8E878E
- 878487
Armonie di colore
Complementare +180°
- C5A5C7
Tea Towel
- 9BBC9A
≈ Quiet Green
Analogo -30° +30°
- C5A5C7
Tea Towel
- B3ABD4
≈ Purple Hibiscus
- D1A2B4
≈ Raspberry Smoothie
Triadico +120° +240°
- C5A5C7
Tea Towel
- C3AF86
≈ Horned Frog
- 84BDC3
≈ Misty Cold Sea
Complementare divisa +150° +210°
- C5A5C7
Tea Towel
- B0B68B
≈ Sweet Grass
- 8ABEAF
≈ Mild Evergreen
Tetradico +90° +180° +270°
- C5A5C7
Tea Towel
- D0A88E
≈ Vienna Beige
- 9BBC9A
≈ Quiet Green
- 8CB8D2
≈ Mountain Main
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.58:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--tea-towel: #c5a5c7;
--tea-towel-rgb: 197 165 199;
--tea-towel-oklch: oklch(0.761 0.06 324.3);
}
.element {
color: var(--tea-towel);
background-color: hsl(296 23% 71%);
border-color: oklch(0.761 0.06 324.3);
}Tailwind CSS v4
@theme {
--color-tea-towel: #c5a5c7;
--color-tea-towel-50: #fff0fe;
--color-tea-towel-100: #f3e1f3;
--color-tea-towel-200: #e2cce2;
--color-tea-towel-300: #c8adc8;
--color-tea-towel-400: #b193b2;
--color-tea-towel-500: #9a799d;
--color-tea-towel-600: #826684;
--color-tea-towel-700: #69526a;
--color-tea-towel-800: #4c3c4f;
--color-tea-towel-900: #352937;
--color-tea-towel-950: #201722;
}SCSS
$tea-towel: #c5a5c7;
$tea-towel-rgb: 197, 165, 199;
$tea-towel-light: mix(#fff, $tea-towel, 20%);
$tea-towel-dark: mix(#000, $tea-towel, 20%);
.element {
color: $tea-towel;
box-shadow: 0 0 0 2px rgba($tea-towel, 0.35);
}