Nazwany kolor · #A39D93
Classic Grey
Classic Grey to #A39D93: rgb(163 157 147), hsl(38 8% 61%), oklch(0.698 0.016 80.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Classic Grey color name →
#A39D93
oklch(0.698 0.016 80.7)
Konwersje koloru
- HEX
- #a39d93
- RGB
- rgb(163 157 147)
- HSL
- hsl(38 8% 61%)
- HWB
- hwb(38 58% 36%)
- OKLCH
- oklch(0.698 0.016 80.7)
- OKLab
- oklab(0.698 0.003 0.016)
- CIE Lab
- lab(65.03 0.92 6.07)
- LCH
- lch(65.03 6.14 81.4)
- CMYK
- cmyk(0% 4% 10% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ACA69D
- B5B0A8
- BEB9B2
- C7C3BD
- D0CDC8
- D9D7D3
- E3E1DE
- ECEBE9
- F5F5F4
Odcienie ciemniejsze
- 8D887F
- 78736C
- 635F59
- 4F4C47
- 3C3A36
- 2A2825
- 191816
- 0A0908
- 010101
Tony
- 9F9A91
- 9C978F
- 98948D
- 95918B
- 918E89
- 8E8B88
- 8A8986
- 878684
- 838382
Harmonie kolorów
Komplementarna +180°
- A39D93
Classic Grey
- 989EA8
≈ Shining Knight
Analogowa -30° +30°
- A39D93
Classic Grey
- A69B95
≈ Sinister Mood
- 9E9F94
≈ Wet Pavement
Triada +120° +240°
- A39D93
Classic Grey
- 93A1A2
≈ October Sky
- A39BA4
≈ Art Nouveau Glass
Komplementarna rozszczepiona +150° +210°
- A39D93
Classic Grey
- 94A0A6
≈ Debonair
- 9D9CA7
≈ Colorado Peak
Tetrada +90° +180° +270°
- A39D93
Classic Grey
- 95A19C
≈ Dusty Dream
- 989EA8
≈ Shining Knight
- A69A9F
≈ Fig Preserves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.80:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--classic-grey: #a39d93;
--classic-grey-rgb: 163 157 147;
--classic-grey-oklch: oklch(0.698 0.016 80.7);
}
.element {
color: var(--classic-grey);
background-color: hsl(38 8% 61%);
border-color: oklch(0.698 0.016 80.7);
}Tailwind CSS v4
@theme {
--color-classic-grey: #a39d93;
--color-classic-grey-50: #f7f5f0;
--color-classic-grey-100: #eae7e2;
--color-classic-grey-200: #d7d4cd;
--color-classic-grey-300: #bbb7ae;
--color-classic-grey-400: #a39e94;
--color-classic-grey-500: #8c857b;
--color-classic-grey-600: #767168;
--color-classic-grey-700: #5f5a53;
--color-classic-grey-800: #45423c;
--color-classic-grey-900: #302d29;
--color-classic-grey-950: #1c1a17;
}SCSS
$classic-grey: #a39d93;
$classic-grey-rgb: 163, 157, 147;
$classic-grey-light: mix(#fff, $classic-grey, 20%);
$classic-grey-dark: mix(#000, $classic-grey, 20%);
.element {
color: $classic-grey;
box-shadow: 0 0 0 2px rgba($classic-grey, 0.35);
}