이름 색상 · #4488AA
Underwater Moonlight
Underwater Moonlight은(는) #4488AA: rgb(68 136 170), hsl(200 43% 47%), oklch(0.597 0.086 232.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Underwater Moonlight color name →
#4488AA
oklch(0.597 0.086 232.5)
색상 변환
- HEX
- #4488aa
- RGB
- rgb(68 136 170)
- HSL
- hsl(200 43% 47%)
- HWB
- hwb(200 27% 33%)
- OKLCH
- oklch(0.597 0.086 232.5)
- OKLab
- oklab(0.597 -0.052 -0.068)
- CIE Lab
- lab(53.36 -14.5 -25.01)
- LCH
- lch(53.36 28.91 239.9)
- CMYK
- cmyk(60% 20% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 5894B3
- 6B9FBB
- 7EABC4
- 90B7CC
- A2C3D5
- B5CFDD
- C7DBE6
- DAE7EE
- ECF3F7
셰이드
- 3A7593
- 30637D
- 265268
- 1D4153
- 14313F
- 0C222D
- 05131B
- 02060B
- 000101
톤
- 4C87A6
- 5387A2
- 5A869E
- 60859A
- 668595
- 6C8491
- 71838D
- 768289
- 7B8184
색 조화
보색 +180°
- 4488AA
Underwater Moonlight
- A8704D
≈ Bran
유사색 -30° +30°
- 4488AA
Underwater Moonlight
- 318E95
≈ Aqueous
- 637FB3
≈ Prompt
삼각 배색 +120° +240°
- 4488AA
Underwater Moonlight
- A76984
≈ Cure All
- 808545
≈ Drab
분열 보색 +150° +210°
- 4488AA
Underwater Moonlight
- AD6A67
≈ Brickyard
- 997A3F
≈ Gold Estate
사각 배색 +90° +180° +270°
- 4488AA
Underwater Moonlight
- 986E9D
≈ Tatarian Aster
- A8704D
≈ Bran
- 608C5D
≈ Hippie Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.92:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.34:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--underwater-moonlight: #4488aa;
--underwater-moonlight-rgb: 68 136 170;
--underwater-moonlight-oklch: oklch(0.597 0.086 232.5);
}
.element {
color: var(--underwater-moonlight);
background-color: hsl(200 43% 47%);
border-color: oklch(0.597 0.086 232.5);
}Tailwind CSS v4
@theme {
--color-underwater-moonlight: #4488aa;
--color-underwater-moonlight-50: #defaff;
--color-underwater-moonlight-100: #cdedff;
--color-underwater-moonlight-200: #b1dbf4;
--color-underwater-moonlight-300: #8cbfdd;
--color-underwater-moonlight-400: #68a8c9;
--color-underwater-moonlight-500: #4390b6;
--color-underwater-moonlight-600: #3a7a99;
--color-underwater-moonlight-700: #2e617b;
--color-underwater-moonlight-800: #1f485b;
--color-underwater-moonlight-900: #14323f;
--color-underwater-moonlight-950: #051e28;
}SCSS
$underwater-moonlight: #4488aa;
$underwater-moonlight-rgb: 68, 136, 170;
$underwater-moonlight-light: mix(#fff, $underwater-moonlight, 20%);
$underwater-moonlight-dark: mix(#000, $underwater-moonlight, 20%);
.element {
color: $underwater-moonlight;
box-shadow: 0 0 0 2px rgba($underwater-moonlight, 0.35);
}