Nazwany kolor · #C3ABA8
Dusky
Dusky to #C3ABA8: rgb(195 171 168), hsl(7 18% 71%), oklch(0.761 0.028 26.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dusky color name →
#C3ABA8
oklch(0.761 0.028 26.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9B3B0
- CFBBB9
- D5C4C1
- DBCCCA
- E1D4D3
- E7DDDB
- EDE5E4
- F3EEED
- F9F6F6
Odcienie ciemniejsze
- A99492
- 907E7C
- 786867
- 605452
- 4A403F
- 342D2C
- 201B1A
- 0E0B0A
- 020101
Tony
- BCA7A4
- B5A2A0
- AF9E9C
- A89A98
- A19594
- 9A9190
- 948D8C
- 8D8888
- 878484
Harmonie kolorów
Komplementarna +180°
- C3ABA8
Dusky
- 9DB7BA
≈ Windswept Clouds
Analogowa -30° +30°
- C3ABA8
Dusky
- C1AAB2
≈ Bedroom Plum
- C0ADA1
≈ Chelsea Mauve
Triada +120° +240°
- C3ABA8
Dusky
- A6B7A7
≈ Thrush Egg
- A9B1C4
≈ Grey Agate
Komplementarna rozszczepiona +150° +210°
- C3ABA8
Dusky
- 9FB8B1
≈ Opal Silk
- A1B5C1
≈ Faded Flaxflower
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.71:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}