Named color · #4488AA
Underwater Moonlight
Underwater Moonlight is #4488AA: rgb(68 136 170), hsl(200 43% 47%), oklch(0.597 0.086 232.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Underwater Moonlight color name →
#4488AA
oklch(0.597 0.086 232.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 5894B3
- 6B9FBB
- 7EABC4
- 90B7CC
- A2C3D5
- B5CFDD
- C7DBE6
- DAE7EE
- ECF3F7
Shades
- 3A7593
- 30637D
- 265268
- 1D4153
- 14313F
- 0C222D
- 05131B
- 02060B
- 000101
Tones
- 4C87A6
- 5387A2
- 5A869E
- 60859A
- 668595
- 6C8491
- 71838D
- 768289
- 7B8184
Color harmonies
Complementary +180°
- 4488AA
Underwater Moonlight
- A8704D
≈ Bran
Analogous -30° +30°
- 4488AA
Underwater Moonlight
- 318E95
≈ Aqueous
- 637FB3
≈ Prompt
Triadic +120° +240°
- 4488AA
Underwater Moonlight
- A76984
≈ Cure All
- 808545
≈ Drab
Split-complementary +150° +210°
- 4488AA
Underwater Moonlight
- AD6A67
≈ Brickyard
- 997A3F
≈ Gold Estate
Tetradic +90° +180° +270°
- 4488AA
Underwater Moonlight
- 986E9D
≈ Tatarian Aster
- A8704D
≈ Bran
- 608C5D
≈ Hippie Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.92:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.34:1 · APCA Lc 35
Best text color: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Code snippets
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);
}