Colore con nome · #C3ABA8
Dusky
Dusky è #C3ABA8: rgb(195 171 168), hsl(7 18% 71%), oklch(0.761 0.028 26.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dusky color name →
#C3ABA8
oklch(0.761 0.028 26.3)
Conversioni di colore
- HEX
- #c3aba8
- RGB
- rgb(195 171 168)
- HSL
- hsl(7 18% 71%)
- HWB
- hwb(7 66% 24%)
- OKLCH
- oklch(0.761 0.028 26.3)
- OKLab
- oklab(0.761 0.025 0.013)
- CIE Lab
- lab(72.03 8.61 4.91)
- LCH
- lch(72.03 9.91 29.7)
- CMYK
- cmyk(0% 12% 14% 24%)
Tinte · Ombre · Toni
Tinte
- C9B3B0
- CFBBB9
- D5C4C1
- DBCCCA
- E1D4D3
- E7DDDB
- EDE5E4
- F3EEED
- F9F6F6
Ombre
- A99492
- 907E7C
- 786867
- 605452
- 4A403F
- 342D2C
- 201B1A
- 0E0B0A
- 020101
Toni
- BCA7A4
- B5A2A0
- AF9E9C
- A89A98
- A19594
- 9A9190
- 948D8C
- 8D8888
- 878484
Armonie di colore
Complementare +180°
- C3ABA8
Dusky
- 9DB7BA
≈ Windswept Clouds
Analogo -30° +30°
- C3ABA8
Dusky
- C1AAB2
≈ Bedroom Plum
- C0ADA1
≈ Chelsea Mauve
Triadico +120° +240°
- C3ABA8
Dusky
- A6B7A7
≈ Thrush Egg
- A9B1C4
≈ Grey Agate
Complementare divisa +150° +210°
- C3ABA8
Dusky
- 9FB8B1
≈ Opal Silk
- A1B5C1
≈ Faded Flaxflower
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.71:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--dusky: #c3aba8;
--dusky-rgb: 195 171 168;
--dusky-oklch: oklch(0.761 0.028 26.3);
}
.element {
color: var(--dusky);
background-color: hsl(7 18% 71%);
border-color: oklch(0.761 0.028 26.3);
}Tailwind CSS v4
@theme {
--color-dusky: #c3aba8;
--color-dusky-50: #fdf2f1;
--color-dusky-100: #f1e5e3;
--color-dusky-200: #e0d0cd;
--color-dusky-300: #c6b2af;
--color-dusky-400: #af9896;
--color-dusky-500: #987f7c;
--color-dusky-600: #816c69;
--color-dusky-700: #675654;
--color-dusky-800: #4c3f3e;
--color-dusky-900: #352b2a;
--color-dusky-950: #201818;
}SCSS
$dusky: #c3aba8;
$dusky-rgb: 195, 171, 168;
$dusky-light: mix(#fff, $dusky, 20%);
$dusky-dark: mix(#000, $dusky, 20%);
.element {
color: $dusky;
box-shadow: 0 0 0 2px rgba($dusky, 0.35);
}