Benannte Farbe · #646093
Corsican Blue
Corsican Blue ist #646093: rgb(100 96 147), hsl(245 21% 48%), oklch(0.514 0.08 286.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Corsican Blue color name →
#646093
oklch(0.514 0.08 286.8)
Farbumrechnungen
- HEX
- #646093
- RGB
- rgb(100 96 147)
- HSL
- hsl(245 21% 48%)
- HWB
- hwb(245 38% 42%)
- OKLCH
- oklch(0.514 0.08 286.8)
- OKLab
- oklab(0.514 0.023 -0.076)
- CIE Lab
- lab(42.75 11.04 -27.73)
- LCH
- lch(42.75 29.84 291.7)
- CMYK
- cmyk(32% 35% 0% 42%)
Tints · Shades · Tones
Tints
- 726F9E
- 807EA9
- 8F8DB3
- 9E9DBE
- AEADC9
- BDBDD4
- CDCDDF
- DEDEE9
- EEEEF4
Shades
- 56527F
- 48456C
- 3B3859
- 2E2C47
- 222036
- 161525
- 0B0A16
- 030308
- 000001
Tones
- 676391
- 696790
- 6C6A8E
- 6F6D8C
- 71708A
- 747488
- 777786
- 7A7A84
- 7D7D82
Farbharmonien
Komplementär +180°
- 646093
Corsican Blue
- 6D6A30
≈ Safari Green
Analog -30° +30°
- 646093
Corsican Blue
- 496995
≈ Blue Odyssey
- 7A5986
≈ Champion
Triadisch +120° +240°
- 646093
Corsican Blue
- 8D583E
≈ Chōjicha Brown
- 32765D
≈ Scouring Rush
Geteilt komplementär +150° +210°
- 646093
Corsican Blue
- 81612E
≈ Bronze Brown
- 517243
≈ Artichoke Green
Tetradisch +90° +180° +270°
- 646093
Corsican Blue
- 8F5457
≈ Maroon Rover
- 6D6A30
≈ Safari Green
- 1B7577
≈ Poseidon’s Castle
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.77:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.63:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--corsican-blue: #646093;
--corsican-blue-rgb: 100 96 147;
--corsican-blue-oklch: oklch(0.514 0.08 286.8);
}
.element {
color: var(--corsican-blue);
background-color: hsl(245 21% 48%);
border-color: oklch(0.514 0.08 286.8);
}Tailwind CSS v4
@theme {
--color-corsican-blue: #646093;
--color-corsican-blue-50: #f4f2ff;
--color-corsican-blue-100: #e6e4ff;
--color-corsican-blue-200: #d2cff5;
--color-corsican-blue-300: #b5b1de;
--color-corsican-blue-400: #9b98cc;
--color-corsican-blue-500: #827eb9;
--color-corsican-blue-600: #6e6b9c;
--color-corsican-blue-700: #58557d;
--color-corsican-blue-800: #3f3e5d;
--color-corsican-blue-900: #2c2b41;
--color-corsican-blue-950: #19182a;
}SCSS
$corsican-blue: #646093;
$corsican-blue-rgb: 100, 96, 147;
$corsican-blue-light: mix(#fff, $corsican-blue, 20%);
$corsican-blue-dark: mix(#000, $corsican-blue, 20%);
.element {
color: $corsican-blue;
box-shadow: 0 0 0 2px rgba($corsican-blue, 0.35);
}