Benannte Farbe · #304E63
Sovereignty
Sovereignty ist #304E63: rgb(48 78 99), hsl(205 35% 29%), oklch(0.41 0.05 240.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sovereignty color name →
#304E63
oklch(0.41 0.05 240.1)
Farbumrechnungen
- HEX
- #304e63
- RGB
- rgb(48 78 99)
- HSL
- hsl(205 35% 29%)
- HWB
- hwb(205 19% 61%)
- OKLCH
- oklch(0.41 0.05 240.1)
- OKLab
- oklab(0.41 -0.025 -0.044)
- CIE Lab
- lab(31.52 -6.61 -16.01)
- LCH
- lch(31.52 17.32 247.6)
- CMYK
- cmyk(52% 21% 0% 61%)
Tints · Shades · Tones
Tints
- 435E72
- 566F80
- 6A8090
- 7E919F
- 92A2AE
- A7B4BE
- BDC7CE
- D2D9DE
- E9ECEE
Shades
- 284355
- 213847
- 1A2D3A
- 13232E
- 0C1921
- 060F16
- 03070B
- 010203
- 000000
Tones
- 385366
- 405869
- 485D6C
- 50626F
- 586772
- 606C75
- 687178
- 70767A
- 787B7D
Farbharmonien
Komplementär +180°
- 304E63
Sovereignty
- 5F442E
≈ Brown Hen
Analog -30° +30°
- 304E63
Sovereignty
- 255259
≈ Hidden Waters
- 404966
≈ Royal Wave
Triadisch +120° +240°
- 304E63
Sovereignty
- 613F49
≈ Catawba Grape
- 474E2F
≈ Matsuba Green
Geteilt komplementär +150° +210°
- 304E63
Sovereignty
- 63403A
≈ American Milking Devon
- 554929
≈ Codium Fragile
Tetradisch +90° +180° +270°
- 304E63
Sovereignty
- 5A4057
≈ Dreamy Heaven
- 5F442E
≈ Brown Hen
- 36523C
≈ Goblin
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.76:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.39:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--sovereignty: #304e63;
--sovereignty-rgb: 48 78 99;
--sovereignty-oklch: oklch(0.41 0.05 240.1);
}
.element {
color: var(--sovereignty);
background-color: hsl(205 35% 29%);
border-color: oklch(0.41 0.05 240.1);
}Tailwind CSS v4
@theme {
--color-sovereignty: #304e63;
--color-sovereignty-50: #e9f7ff;
--color-sovereignty-100: #daeaf8;
--color-sovereignty-200: #c2d7e8;
--color-sovereignty-300: #a2bbcf;
--color-sovereignty-400: #84a3ba;
--color-sovereignty-500: #688ba5;
--color-sovereignty-600: #58768b;
--color-sovereignty-700: #465e6f;
--color-sovereignty-800: #324552;
--color-sovereignty-900: #223039;
--color-sovereignty-950: #111c23;
}SCSS
$sovereignty: #304e63;
$sovereignty-rgb: 48, 78, 99;
$sovereignty-light: mix(#fff, $sovereignty, 20%);
$sovereignty-dark: mix(#000, $sovereignty, 20%);
.element {
color: $sovereignty;
box-shadow: 0 0 0 2px rgba($sovereignty, 0.35);
}