Benannte Farbe · #8C93AD
Cool Grey
Cool Grey ist #8C93AD: rgb(140 147 173), hsl(227 17% 61%), oklch(0.666 0.039 273.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cool Grey color name →
#8C93AD
oklch(0.666 0.039 273.4)
Farbumrechnungen
- HEX
- #8c93ad
- RGB
- rgb(140 147 173)
- HSL
- hsl(227 17% 61%)
- HWB
- hwb(227 55% 32%)
- OKLCH
- oklch(0.666 0.039 273.4)
- OKLab
- oklab(0.666 0.002 -0.039)
- CIE Lab
- lab(61.03 1.61 -14.6)
- LCH
- lch(61.03 14.69 276.3)
- CMYK
- cmyk(19% 15% 0% 32%)
Tints · Shades · Tones
Tints
- 979DB5
- A2A8BD
- ADB2C5
- B8BDCD
- C4C8D6
- CFD3DE
- DBDEE6
- E7E9EE
- F3F4F7
Shades
- 797F96
- 676C7F
- 55596A
- 434755
- 333641
- 23252D
- 14161B
- 07080B
- 010101
Tones
- 8B91A8
- 8A8FA4
- 888D9F
- 878B9B
- 868A96
- 858892
- 84868D
- 828489
- 818284
Farbharmonien
Komplementär +180°
- 8C93AD
Cool Grey
- 9C9479
≈ Lye
Analog -30° +30°
- 8C93AD
Cool Grey
- 8097AB
≈ Weldon Blue
- 998FA8
≈ Smoky Grape
Triadisch +120° +240°
- 8C93AD
Cool Grey
- AB8C85
≈ Forest Trail
- 829C89
≈ Seiji Green
Geteilt komplementär +150° +210°
- 8C93AD
Cool Grey
- A68F7C
≈ Utaupeia
- 8F997E
≈ Cavern Moss
Tetradisch +90° +180° +270°
- 8C93AD
Cool Grey
- AA8B91
≈ Coffee Rose
- 9C9479
≈ Lye
- 7A9C96
≈ Avalon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.04:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.89:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.89:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--cool-grey: #8c93ad;
--cool-grey-rgb: 140 147 173;
--cool-grey-oklch: oklch(0.666 0.039 273.4);
}
.element {
color: var(--cool-grey);
background-color: hsl(227 17% 61%);
border-color: oklch(0.666 0.039 273.4);
}Tailwind CSS v4
@theme {
--color-cool-grey: #8c93ad;
--color-cool-grey-50: #f2f4ff;
--color-cool-grey-100: #e4e7f5;
--color-cool-grey-200: #cfd3e6;
--color-cool-grey-300: #b1b6cc;
--color-cool-grey-400: #979db6;
--color-cool-grey-500: #7d85a1;
--color-cool-grey-600: #6a7088;
--color-cool-grey-700: #555a6d;
--color-cool-grey-800: #3d4250;
--color-cool-grey-900: #2a2d38;
--color-cool-grey-950: #181a23;
}SCSS
$cool-grey: #8c93ad;
$cool-grey-rgb: 140, 147, 173;
$cool-grey-light: mix(#fff, $cool-grey, 20%);
$cool-grey-dark: mix(#000, $cool-grey, 20%);
.element {
color: $cool-grey;
box-shadow: 0 0 0 2px rgba($cool-grey, 0.35);
}