Benannte Farbe · #2F5684
Mordian Blue
Mordian Blue ist #2F5684: rgb(47 86 132), hsl(212 47% 35%), oklch(0.447 0.088 253.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mordian Blue color name →
#2F5684
oklch(0.447 0.088 253.7)
Farbumrechnungen
- HEX
- #2f5684
- RGB
- rgb(47 86 132)
- HSL
- hsl(212 47% 35%)
- HWB
- hwb(212 18% 48%)
- OKLCH
- oklch(0.447 0.088 253.7)
- OKLab
- oklab(0.447 -0.025 -0.085)
- CIE Lab
- lab(35.41 -2.37 -30.46)
- LCH
- lch(35.41 30.55 265.5)
- CMYK
- cmyk(64% 35% 0% 48%)
Tints · Shades · Tones
Tints
- 436690
- 56769D
- 6A86A9
- 7E97B5
- 93A8C1
- A8B9CE
- BDCADA
- D3DBE6
- E9EDF3
Shades
- 274A72
- 203E60
- 19324F
- 12273F
- 0C1C2F
- 061220
- 030812
- 010206
- 000001
Tones
- 385A84
- 405F84
- 486384
- 506784
- 586C83
- 607083
- 687482
- 707882
- 787C81
Farbharmonien
Komplementär +180°
- 2F5684
Mordian Blue
- 714C0E
≈ Antique Bronze
Analog -30° +30°
- 2F5684
Mordian Blue
- 005E76
≈ Lyons Blue
- 4F4D83
≈ Altar of Heaven
Triadisch +120° +240°
- 2F5684
Mordian Blue
- 7E3E46
≈ Ruby Lips
- 405F29
≈ Obscure Olive
Geteilt komplementär +150° +210°
- 2F5684
Mordian Blue
- 7C4329
≈ Medium Tuscan Red
- 5D560E
≈ Olive Brown
Tetradisch +90° +180° +270°
- 2F5684
Mordian Blue
- 763F61
≈ Purple Drab
- 714C0E
≈ Antique Bronze
- 136347
≈ Green Paw Paw
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.53:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.78:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.53:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--mordian-blue: #2f5684;
--mordian-blue-rgb: 47 86 132;
--mordian-blue-oklch: oklch(0.447 0.088 253.7);
}
.element {
color: var(--mordian-blue);
background-color: hsl(212 47% 35%);
border-color: oklch(0.447 0.088 253.7);
}Tailwind CSS v4
@theme {
--color-mordian-blue: #2f5684;
--color-mordian-blue-50: #e5f7ff;
--color-mordian-blue-100: #d5eaff;
--color-mordian-blue-200: #bcd7fa;
--color-mordian-blue-300: #9abae5;
--color-mordian-blue-400: #7aa1d2;
--color-mordian-blue-500: #5c89bf;
--color-mordian-blue-600: #4e74a2;
--color-mordian-blue-700: #3e5d82;
--color-mordian-blue-800: #2b4460;
--color-mordian-blue-900: #1d2f43;
--color-mordian-blue-950: #0d1c2b;
}SCSS
$mordian-blue: #2f5684;
$mordian-blue-rgb: 47, 86, 132;
$mordian-blue-light: mix(#fff, $mordian-blue, 20%);
$mordian-blue-dark: mix(#000, $mordian-blue, 20%);
.element {
color: $mordian-blue;
box-shadow: 0 0 0 2px rgba($mordian-blue, 0.35);
}