Nazwany kolor · #9197A3
Classic Cloud
Classic Cloud to #9197A3: rgb(145 151 163), hsl(220 9% 60%), oklch(0.675 0.019 264.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Classic Cloud color name →
#9197A3
oklch(0.675 0.019 264.4)
Konwersje koloru
- HEX
- #9197a3
- RGB
- rgb(145 151 163)
- HSL
- hsl(220 9% 60%)
- HWB
- hwb(220 57% 36%)
- OKLCH
- oklch(0.675 0.019 264.4)
- OKLab
- oklab(0.675 -0.002 -0.019)
- CIE Lab
- lab(62.26 -0.39 -7.11)
- LCH
- lch(62.26 7.12 266.9)
- CMYK
- cmyk(11% 7% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BA1AC
- A6ABB5
- B1B5BE
- BCBFC7
- C7CAD0
- D2D4D9
- DDDFE3
- E8E9EC
- F4F4F5
Odcienie ciemniejsze
- 7D838D
- 6A6F78
- 585C63
- 46494F
- 35373C
- 25262A
- 151719
- 07080A
- 010101
Tony
- 8F959F
- 8E929C
- 8C9098
- 8A8E95
- 888B91
- 87898E
- 85878A
- 838587
- 828283
Harmonie kolorów
Komplementarna +180°
- 9197A3
Classic Cloud
- 9C968A
≈ Mud Pack
Analogowa -30° +30°
- 9197A3
Classic Cloud
- 8C99A1
≈ Teton Blue
- 9795A2
≈ Ash Violet
Triada +120° +240°
- 9197A3
Classic Cloud
- A29391
≈ Fall Heliotrope
- 909A90
≈ Ceremonial Grey
Komplementarna rozszczepiona +150° +210°
- 9197A3
Classic Cloud
- A1948C
≈ Middle-Earth
- 96988B
≈ Evergreen Fog
Tetrada +90° +180° +270°
- 9197A3
Classic Cloud
- A19297
≈ Lavender Elan
- 9C968A
≈ Mud Pack
- 8B9B96
≈ Café Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.93:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.15:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--classic-cloud: #9197a3;
--classic-cloud-rgb: 145 151 163;
--classic-cloud-oklch: oklch(0.675 0.019 264.4);
}
.element {
color: var(--classic-cloud);
background-color: hsl(220 9% 60%);
border-color: oklch(0.675 0.019 264.4);
}Tailwind CSS v4
@theme {
--color-classic-cloud: #9197a3;
--color-classic-cloud-50: #f2f5fb;
--color-classic-cloud-100: #e5e8ee;
--color-classic-cloud-200: #d0d4dd;
--color-classic-cloud-300: #b3b7c1;
--color-classic-cloud-400: #999faa;
--color-classic-cloud-500: #808693;
--color-classic-cloud-600: #6c727c;
--color-classic-cloud-700: #575b64;
--color-classic-cloud-800: #3f4249;
--color-classic-cloud-900: #2b2e33;
--color-classic-cloud-950: #191b1e;
}SCSS
$classic-cloud: #9197a3;
$classic-cloud-rgb: 145, 151, 163;
$classic-cloud-light: mix(#fff, $classic-cloud, 20%);
$classic-cloud-dark: mix(#000, $classic-cloud, 20%);
.element {
color: $classic-cloud;
box-shadow: 0 0 0 2px rgba($classic-cloud, 0.35);
}