이름 색상 · #243062
Underwater Realm
Underwater Realm은(는) #243062: rgb(36 48 98), hsl(228 46% 26%), oklch(0.328 0.089 270.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Underwater Realm color name →
#243062
oklch(0.328 0.089 270.6)
색상 변환
- HEX
- #243062
- RGB
- rgb(36 48 98)
- HSL
- hsl(228 46% 26%)
- HWB
- hwb(228 14% 62%)
- OKLCH
- oklch(0.328 0.089 270.6)
- OKLab
- oklab(0.328 0.001 -0.089)
- CIE Lab
- lab(21.03 8.37 -31.84)
- LCH
- lch(21.03 32.92 284.7)
- CMYK
- cmyk(63% 51% 0% 62%)
틴트 · 셰이드 · 톤
틴트
- 364371
- 495681
- 5E6A90
- 737EA0
- 8992B0
- 9FA7BF
- B6BDCF
- CED2DF
- E6E9EF
셰이드
- 1E2854
- 182147
- 121A3A
- 0C132D
- 070C21
- 040616
- 02030B
- 000103
- 000000
톤
- 2C3866
- 354069
- 3D486C
- 465070
- 4F5873
- 596076
- 626878
- 6C707B
- 76787E
색 조화
보색 +180°
- 243062
Underwater Realm
- 423300
≈ Night in the Woods
유사색 -30° +30°
- 243062
Underwater Realm
- 003957
≈ Gibraltar Sea
- 3D285B
≈ Parachute Purple
삼각 배색 +120° +240°
- 243062
Underwater Realm
- 5A1F16
≈ Red Oxide
- 00411B
≈ Deep Pond
분열 보색 +150° +210°
- 243062
Underwater Realm
- 502A00
≈ Stirland Mud
- 2F3A00
≈ Dark Olive
사각 배색 +90° +180° +270°
- 243062
Underwater Realm
- 571D32
≈ Drops of God
- 423300
≈ Night in the Woods
- 003E36
≈ Botanical Night
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.54:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.67:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.54:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--underwater-realm: #243062;
--underwater-realm-rgb: 36 48 98;
--underwater-realm-oklch: oklch(0.328 0.089 270.6);
}
.element {
color: var(--underwater-realm);
background-color: hsl(228 46% 26%);
border-color: oklch(0.328 0.089 270.6);
}Tailwind CSS v4
@theme {
--color-underwater-realm: #243062;
--color-underwater-realm-50: #ecf4ff;
--color-underwater-realm-100: #dde7ff;
--color-underwater-realm-200: #c7d3fb;
--color-underwater-realm-300: #a8b5e6;
--color-underwater-realm-400: #8a9cd4;
--color-underwater-realm-500: #7083c2;
--color-underwater-realm-600: #5f6fa3;
--color-underwater-realm-700: #4c5883;
--color-underwater-realm-800: #354162;
--color-underwater-realm-900: #242d44;
--color-underwater-realm-950: #131a2c;
}SCSS
$underwater-realm: #243062;
$underwater-realm-rgb: 36, 48, 98;
$underwater-realm-light: mix(#fff, $underwater-realm, 20%);
$underwater-realm-dark: mix(#000, $underwater-realm, 20%);
.element {
color: $underwater-realm;
box-shadow: 0 0 0 2px rgba($underwater-realm, 0.35);
}