이름 색상 · #5F7388
Lost Atlantis
Lost Atlantis은(는) #5F7388: rgb(95 115 136), hsl(211 18% 45%), oklch(0.547 0.041 249.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lost Atlantis color name →
#5F7388
oklch(0.547 0.041 249.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 6E8093
- 7D8D9F
- 8C9BAB
- 9CA9B6
- ACB7C2
- BCC5CE
- CCD3DA
- DDE2E6
- EEF0F3
셰이드
- 526375
- 445463
- 384552
- 2C3641
- 202831
- 151B22
- 0A0F13
- 030506
- 000101
톤
- 627487
- 667687
- 697786
- 6C7885
- 707A84
- 737B83
- 767C83
- 797D82
- 7D7F81
색 조화
보색 +180°
- 5F7388
Lost Atlantis
- 806D57
≈ Kaffee
유사색 -30° +30°
- 5F7388
Lost Atlantis
- 567781
≈ Hampton Surf
- 6C6F89
≈ Great Grape
삼각 배색 +120° +240°
- 5F7388
Lost Atlantis
- 87676B
≈ Mauving Up
- 69765D
≈ Willow Grove
분열 보색 +150° +210°
- 5F7388
Lost Atlantis
- 86695F
≈ Nut Brown
- 767256
≈ Secret Path
사각 배색 +90° +180° +270°
- 5F7388
Lost Atlantis
- 826878
≈ Arctic Dusk
- 806D57
≈ Kaffee
- 5D7869
≈ Mt Burleigh
대비 및 접근성
Ag
AA흰색 위
WCAG 4.89:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.29:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
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);
}