Benannte Farbe · #4A6267
Corundum Blue
Corundum Blue ist #4A6267: rgb(74 98 103), hsl(190 16% 35%), oklch(0.479 0.03 211.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Corundum Blue color name →
#4A6267
oklch(0.479 0.03 211.8)
Farbumrechnungen
- HEX
- #4a6267
- RGB
- rgb(74 98 103)
- HSL
- hsl(190 16% 35%)
- HWB
- hwb(190 29% 60%)
- OKLCH
- oklch(0.479 0.03 211.8)
- OKLab
- oklab(0.479 -0.025 -0.016)
- CIE Lab
- lab(39.75 -8.32 -5.94)
- LCH
- lch(39.75 10.23 215.5)
- CMYK
- cmyk(28% 5% 0% 60%)
Tints · Shades · Tones
Tints
- 5B7075
- 6C7F83
- 7D8E92
- 8F9EA1
- A1ADB0
- B3BDBF
- C5CDCF
- D8DEDF
- ECEEEF
Shades
- 3F5459
- 35474B
- 2A3A3D
- 202D30
- 172123
- 0E1617
- 060B0C
- 020304
- 000000
Tones
- 4F6569
- 55686C
- 5A6B6E
- 606E71
- 657173
- 6A7476
- 707778
- 757A7B
- 7B7D7D
Farbharmonien
Komplementär +180°
- 4A6267
Corundum Blue
- 6D5753
≈ Peat Red Brown
Analog -30° +30°
- 4A6267
Corundum Blue
- 4B635E
≈ Vert Pierre
- 4F606D
≈ Trekking Blue
Triadisch +120° +240°
- 4A6267
Corundum Blue
- 685765
≈ Preservation Plum
- 635D4A
≈ Shady Green
Geteilt komplementär +150° +210°
- 4A6267
Corundum Blue
- 6C565C
≈ Mocha Brown
- 6A5A4C
≈ Ageing Barrel
Tetradisch +90° +180° +270°
- 4A6267
Corundum Blue
- 605A6C
≈ Gobelin Mauve
- 6D5753
≈ Peat Red Brown
- 5A604E
≈ Soft Olive
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.49:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.23:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--corundum-blue: #4a6267;
--corundum-blue-rgb: 74 98 103;
--corundum-blue-oklch: oklch(0.479 0.03 211.8);
}
.element {
color: var(--corundum-blue);
background-color: hsl(190 16% 35%);
border-color: oklch(0.479 0.03 211.8);
}Tailwind CSS v4
@theme {
--color-corundum-blue: #4a6267;
--color-corundum-blue-50: #ecf8fa;
--color-corundum-blue-100: #ddebee;
--color-corundum-blue-200: #c7d8dc;
--color-corundum-blue-300: #a7bcc1;
--color-corundum-blue-400: #8ba3a9;
--color-corundum-blue-500: #708c92;
--color-corundum-blue-600: #5f767b;
--color-corundum-blue-700: #4c5f63;
--color-corundum-blue-800: #374548;
--color-corundum-blue-900: #253032;
--color-corundum-blue-950: #141c1e;
}SCSS
$corundum-blue: #4a6267;
$corundum-blue-rgb: 74, 98, 103;
$corundum-blue-light: mix(#fff, $corundum-blue, 20%);
$corundum-blue-dark: mix(#000, $corundum-blue, 20%);
.element {
color: $corundum-blue;
box-shadow: 0 0 0 2px rgba($corundum-blue, 0.35);
}