이름 색상 · #00576F
Subaqueous
Subaqueous은(는) #00576F: rgb(0 87 111), hsl(193 100% 22%), oklch(0.425 0.08 224.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Subaqueous color name →
#00576F
oklch(0.425 0.08 224.6)
색상 변환
- HEX
- #00576f
- RGB
- rgb(0 87 111)
- HSL
- hsl(193 100% 22%)
- HWB
- hwb(193 0% 56%)
- OKLCH
- oklch(0.425 0.08 224.6)
- OKLab
- oklab(0.425 -0.057 -0.056)
- CIE Lab
- lab(33.55 -16.07 -20.54)
- LCH
- lch(33.55 26.08 232)
- CMYK
- cmyk(100% 22% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 28677D
- 42778B
- 5A8799
- 7197A7
- 88A8B5
- 9FB9C4
- B7CAD2
- CEDCE1
- E7EDF0
셰이드
- 004B60
- 003E51
- 003342
- 002734
- 001C27
- 00121A
- 00080E
- 000304
- 000001
톤
- 1B5B71
- 2A6073
- 376475
- 436876
- 4E6C78
- 58707A
- 62747B
- 6C787D
- 767C7F
색 조화
보색 +180°
- 00576F
Subaqueous
- 723F27
≈ Peruvian Soil
유사색 -30° +30°
- 00576F
Subaqueous
- 005A5A
≈ Deep Sea Green
- 2E5079
≈ Slumber
삼각 배색 +120° +240°
- 00576F
Subaqueous
- 6D3B59
≈ Royal Lines
- 555012
≈ Scorzonera Brown
분열 보색 +150° +210°
- 00576F
Subaqueous
- 743A40
≈ Queen’s Rose
- 684712
≈ Very Coffee
사각 배색 +90° +180° +270°
- 00576F
Subaqueous
- 5F406D
≈ Grape Popsicle
- 723F27
≈ Peruvian Soil
- 3B5829
≈ Parsley
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.09:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.59:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--subaqueous: #00576f;
--subaqueous-rgb: 0 87 111;
--subaqueous-oklch: oklch(0.425 0.08 224.6);
}
.element {
color: var(--subaqueous);
background-color: hsl(193 100% 22%);
border-color: oklch(0.425 0.08 224.6);
}Tailwind CSS v4
@theme {
--color-subaqueous: #00576f;
--color-subaqueous-50: #defaff;
--color-subaqueous-100: #cdeefd;
--color-subaqueous-200: #b1dcef;
--color-subaqueous-300: #8bc0d7;
--color-subaqueous-400: #67a9c2;
--color-subaqueous-500: #4291ae;
--color-subaqueous-600: #397b93;
--color-subaqueous-700: #2d6276;
--color-subaqueous-800: #1e4856;
--color-subaqueous-900: #14323c;
--color-subaqueous-950: #051e26;
}SCSS
$subaqueous: #00576f;
$subaqueous-rgb: 0, 87, 111;
$subaqueous-light: mix(#fff, $subaqueous, 20%);
$subaqueous-dark: mix(#000, $subaqueous, 20%);
.element {
color: $subaqueous;
box-shadow: 0 0 0 2px rgba($subaqueous, 0.35);
}