이름 색상 · #063C89
Mystery Oceans
Mystery Oceans은(는) #063C89: rgb(6 60 137), hsl(215 92% 28%), oklch(0.376 0.139 259.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Mystery Oceans color name →
#063C89
oklch(0.376 0.139 259.2)
색상 변환
- HEX
- #063c89
- RGB
- rgb(6 60 137)
- HSL
- hsl(215 92% 28%)
- HWB
- hwb(215 2% 46%)
- OKLCH
- oklch(0.376 0.139 259.2)
- OKLab
- oklab(0.376 -0.026 -0.137)
- CIE Lab
- lab(26.15 9.62 -48.41)
- LCH
- lch(26.15 49.35 281.2)
- CMYK
- cmyk(96% 56% 0% 46%)
틴트 · 셰이드 · 톤
틴트
- 235096
- 3B63A2
- 5276AE
- 6989BA
- 819CC6
- 99AFD2
- B2C3DD
- CBD7E9
- E5EBF4
셰이드
- 043376
- 032A64
- 022153
- 011942
- 011131
- 000A22
- 000414
- 000107
- 000001
톤
- 174489
- 254C89
- 315389
- 3C5A88
- 486087
- 536786
- 5E6D85
- 697484
- 757A82
색 조화
보색 +180°
- 063C89
Mystery Oceans
- 573B00
≈ Pineapple
유사색 -30° +30°
- 063C89
Mystery Oceans
- 004860
≈ Stegadon Scale Green
- 422D84
≈ Majestic Eggplant
삼각 배색 +120° +240°
- 063C89
Mystery Oceans
- 7A0F21
≈ Heavy Heart
- 174F00
≈ Malachite Green
분열 보색 +150° +210°
- 063C89
Mystery Oceans
- 6A2D00
≈ Cold Press Coffee
- 454400
≈ Green Not Found
사각 배색 +90° +180° +270°
- 063C89
Mystery Oceans
- 72134C
≈ Lucky Wine
- 573B00
≈ Pineapple
- 004E3A
≈ Raspberry Leaf Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.42:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.01:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.42:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--mystery-oceans: #063c89;
--mystery-oceans-rgb: 6 60 137;
--mystery-oceans-oklch: oklch(0.376 0.139 259.2);
}
.element {
color: var(--mystery-oceans);
background-color: hsl(215 92% 28%);
border-color: oklch(0.376 0.139 259.2);
}Tailwind CSS v4
@theme {
--color-mystery-oceans: #063c89;
--color-mystery-oceans-50: #dff6ff;
--color-mystery-oceans-100: #cee9ff;
--color-mystery-oceans-200: #b3d5ff;
--color-mystery-oceans-300: #8fb8ff;
--color-mystery-oceans-400: #6b9ff0;
--color-mystery-oceans-500: #4a84e1;
--color-mystery-oceans-600: #3f70be;
--color-mystery-oceans-700: #325a98;
--color-mystery-oceans-800: #204272;
--color-mystery-oceans-900: #152e50;
--color-mystery-oceans-950: #071a35;
}SCSS
$mystery-oceans: #063c89;
$mystery-oceans-rgb: 6, 60, 137;
$mystery-oceans-light: mix(#fff, $mystery-oceans, 20%);
$mystery-oceans-dark: mix(#000, $mystery-oceans, 20%);
.element {
color: $mystery-oceans;
box-shadow: 0 0 0 2px rgba($mystery-oceans, 0.35);
}