Adlandırılmış renk · #5F7388
Lost Atlantis
Lost Atlantis, #5F7388: rgb(95 115 136), hsl(211 18% 45%), oklch(0.547 0.041 249.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Lost Atlantis color name →
#5F7388
oklch(0.547 0.041 249.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E8093
- 7D8D9F
- 8C9BAB
- 9CA9B6
- ACB7C2
- BCC5CE
- CCD3DA
- DDE2E6
- EEF0F3
Koyu tonlar
- 526375
- 445463
- 384552
- 2C3641
- 202831
- 151B22
- 0A0F13
- 030506
- 000101
Gri tonlar
- 627487
- 667687
- 697786
- 6C7885
- 707A84
- 737B83
- 767C83
- 797D82
- 7D7F81
Renk uyumları
Tamamlayıcı +180°
- 5F7388
Lost Atlantis
- 806D57
≈ Kaffee
Analog -30° +30°
- 5F7388
Lost Atlantis
- 567781
≈ Hampton Surf
- 6C6F89
≈ Great Grape
Üçlü +120° +240°
- 5F7388
Lost Atlantis
- 87676B
≈ Mauving Up
- 69765D
≈ Willow Grove
Bölünmüş tamamlayıcı +150° +210°
- 5F7388
Lost Atlantis
- 86695F
≈ Nut Brown
- 767256
≈ Secret Path
Dörtlü +90° +180° +270°
- 5F7388
Lost Atlantis
- 826878
≈ Arctic Dusk
- 806D57
≈ Kaffee
- 5D7869
≈ Mt Burleigh
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.89:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.29:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
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);
}