Benannte Farbe · #5F7388
Lost Atlantis
Lost Atlantis ist #5F7388: rgb(95 115 136), hsl(211 18% 45%), oklch(0.547 0.041 249.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Lost Atlantis color name →
#5F7388
oklch(0.547 0.041 249.8)
Farbumrechnungen
- HEX
- #5f7388
- RGB
- rgb(95 115 136)
- HSL
- hsl(211 18% 45%)
- HWB
- hwb(211 37% 47%)
- OKLCH
- oklch(0.547 0.041 249.8)
- OKLab
- oklab(0.547 -0.014 -0.038)
- CIE Lab
- lab(47.4 -3.7 -14.14)
- LCH
- lch(47.4 14.61 255.4)
- CMYK
- cmyk(30% 15% 0% 47%)
Tints · Shades · Tones
Tints
- 6E8093
- 7D8D9F
- 8C9BAB
- 9CA9B6
- ACB7C2
- BCC5CE
- CCD3DA
- DDE2E6
- EEF0F3
Shades
- 526375
- 445463
- 384552
- 2C3641
- 202831
- 151B22
- 0A0F13
- 030506
- 000101
Tones
- 627487
- 667687
- 697786
- 6C7885
- 707A84
- 737B83
- 767C83
- 797D82
- 7D7F81
Farbharmonien
Komplementär +180°
- 5F7388
Lost Atlantis
- 806D57
≈ Kaffee
Analog -30° +30°
- 5F7388
Lost Atlantis
- 567781
≈ Hampton Surf
- 6C6F89
≈ Great Grape
Triadisch +120° +240°
- 5F7388
Lost Atlantis
- 87676B
≈ Mauving Up
- 69765D
≈ Willow Grove
Geteilt komplementär +150° +210°
- 5F7388
Lost Atlantis
- 86695F
≈ Nut Brown
- 767256
≈ Secret Path
Tetradisch +90° +180° +270°
- 5F7388
Lost Atlantis
- 826878
≈ Arctic Dusk
- 806D57
≈ Kaffee
- 5D7869
≈ Mt Burleigh
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.29:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--lost-atlantis: #5f7388;
--lost-atlantis-rgb: 95 115 136;
--lost-atlantis-oklch: oklch(0.547 0.041 249.8);
}
.element {
color: var(--lost-atlantis);
background-color: hsl(211 18% 45%);
border-color: oklch(0.547 0.041 249.8);
}Tailwind CSS v4
@theme {
--color-lost-atlantis: #5f7388;
--color-lost-atlantis-50: #edf6ff;
--color-lost-atlantis-100: #dee9f5;
--color-lost-atlantis-200: #c8d6e6;
--color-lost-atlantis-300: #a9b9cc;
--color-lost-atlantis-400: #8da1b6;
--color-lost-atlantis-500: #7289a1;
--color-lost-atlantis-600: #617488;
--color-lost-atlantis-700: #4d5d6d;
--color-lost-atlantis-800: #374450;
--color-lost-atlantis-900: #262f38;
--color-lost-atlantis-950: #141b22;
}SCSS
$lost-atlantis: #5f7388;
$lost-atlantis-rgb: 95, 115, 136;
$lost-atlantis-light: mix(#fff, $lost-atlantis, 20%);
$lost-atlantis-dark: mix(#000, $lost-atlantis, 20%);
.element {
color: $lost-atlantis;
box-shadow: 0 0 0 2px rgba($lost-atlantis, 0.35);
}