Nazwany kolor · #7A9494
Classic Damask
Classic Damask to #7A9494: rgb(122 148 148), hsl(180 11% 53%), oklch(0.646 0.029 196.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Classic Damask color name →
#7A9494
oklch(0.646 0.029 196.4)
Konwersje koloru
- HEX
- #7a9494
- RGB
- rgb(122 148 148)
- HSL
- hsl(180 11% 53%)
- HWB
- hwb(180 48% 42%)
- OKLCH
- oklch(0.646 0.029 196.4)
- OKLab
- oklab(0.646 -0.028 -0.008)
- CIE Lab
- lab(59.3 -9.5 -3.22)
- LCH
- lch(59.3 10.03 198.7)
- CMYK
- cmyk(18% 0% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879E9E
- 94A9A9
- A1B3B3
- AEBEBE
- BBC8C8
- C8D3D3
- D6DEDE
- E3E9E9
- F1F4F4
Odcienie ciemniejsze
- 698080
- 596D6D
- 495A5A
- 3A4848
- 2B3636
- 1D2626
- 101616
- 050808
- 010101
Tony
- 7B9292
- 7B9090
- 7C8E8E
- 7D8C8C
- 7D8A8A
- 7E8888
- 7F8686
- 7F8484
- 808282
Harmonie kolorów
Komplementarna +180°
- 7A9494
Classic Damask
- 9F8788
≈ Mauverine
Analogowa -30° +30°
- 7A9494
Classic Damask
- 7E948A
≈ Quantum Green
- 7C929C
≈ Inland Waters
Triada +120° +240°
- 7A9494
Classic Damask
- 95899A
≈ Tin Lizzie
- 998C7B
≈ Light Khaki
Komplementarna rozszczepiona +150° +210°
- 7A9494
Classic Damask
- 9C8792
≈ Purple Mauve
- 9E897F
≈ Aspiration
Tetrada +90° +180° +270°
- 7A9494
Classic Damask
- 8C8CA0
≈ Antiquate
- 9F8788
≈ Mauverine
- 90907B
≈ Farmer’s Market
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.23:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.49:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--classic-damask: #7a9494;
--classic-damask-rgb: 122 148 148;
--classic-damask-oklch: oklch(0.646 0.029 196.4);
}
.element {
color: var(--classic-damask);
background-color: hsl(180 11% 53%);
border-color: oklch(0.646 0.029 196.4);
}Tailwind CSS v4
@theme {
--color-classic-damask: #7a9494;
--color-classic-damask-50: #ecf8f8;
--color-classic-damask-100: #ddebeb;
--color-classic-damask-200: #c7d8d9;
--color-classic-damask-300: #a7bcbd;
--color-classic-damask-400: #8ba4a4;
--color-classic-damask-500: #708d8d;
--color-classic-damask-600: #5f7777;
--color-classic-damask-700: #4c5f5f;
--color-classic-damask-800: #374645;
--color-classic-damask-900: #253030;
--color-classic-damask-950: #141c1c;
}SCSS
$classic-damask: #7a9494;
$classic-damask-rgb: 122, 148, 148;
$classic-damask-light: mix(#fff, $classic-damask, 20%);
$classic-damask-dark: mix(#000, $classic-damask, 20%);
.element {
color: $classic-damask;
box-shadow: 0 0 0 2px rgba($classic-damask, 0.35);
}