가장 가까운 이름 색상 · #005766
#005766
가장 가까운 이름 색상: Abyssal Waters
#005766(rgb(0 87 102), hsl(189 100% 20%), oklch(0.42 0.074 214.6))와 가장 가까운 이름 색상은 Abyssal Waters입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#005766
oklch(0.42 0.074 214.6)
색상 변환
- HEX
- #005766
- RGB
- rgb(0 87 102)
- HSL
- hsl(189 100% 20%)
- HWB
- hwb(189 0% 60%)
- OKLCH
- oklch(0.42 0.074 214.6)
- OKLab
- oklab(0.42 -0.061 -0.042)
- CIE Lab
- lab(33.22 -18.84 -15.46)
- LCH
- lch(33.22 24.38 219.4)
- CMYK
- cmyk(100% 15% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 286774
- 427783
- 5A8792
- 7197A1
- 88A8B0
- 9FB9BF
- B7CACF
- CEDCDF
- E7EDEF
셰이드
- 004B58
- 003E4A
- 00333C
- 00272F
- 001C23
- 001217
- 00080C
- 000304
- 000000
톤
- 1B5B69
- 2A5F6B
- 37646E
- 436871
- 4E6C73
- 587076
- 627478
- 6C787B
- 767C7E
색 조화
보색 +180°
- 005766
Abyssal Waters
- 703D31
≈ Metallic Copper
유사색 -30° +30°
- 005766
Abyssal Waters
- 005A52
≈ Baltic Prince
- 265173
≈ Midnight Sonata
삼각 배색 +120° +240°
- 005766
Abyssal Waters
- 663D5D
≈ Royal Plum
- 5A4C16
≈ Bronze Olive
분열 보색 +150° +210°
- 005766
Abyssal Waters
- 6E3B48
≈ Ripening Grape
- 69441D
≈ Florida’s Alligator
사각 배색 +90° +180° +270°
- 005766
Abyssal Waters
- 56426E
≈ Haunted Candelabra
- 703D31
≈ Metallic Copper
- 445424
≈ Verdun Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.21:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.55:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--abyssal-waters: #005766;
--abyssal-waters-rgb: 0 87 102;
--abyssal-waters-oklch: oklch(0.42 0.074 214.6);
}
.element {
color: var(--abyssal-waters);
background-color: hsl(189 100% 20%);
border-color: oklch(0.42 0.074 214.6);
}Tailwind CSS v4
@theme {
--color-abyssal-waters: #005766;
--color-abyssal-waters-50: #dffbff;
--color-abyssal-waters-100: #cdeff8;
--color-abyssal-waters-200: #b1dde9;
--color-abyssal-waters-300: #8cc1d0;
--color-abyssal-waters-400: #69aaba;
--color-abyssal-waters-500: #4393a5;
--color-abyssal-waters-600: #3a7c8b;
--color-abyssal-waters-700: #2e636f;
--color-abyssal-waters-800: #204951;
--color-abyssal-waters-900: #153339;
--color-abyssal-waters-950: #061e23;
}SCSS
$abyssal-waters: #005766;
$abyssal-waters-rgb: 0, 87, 102;
$abyssal-waters-light: mix(#fff, $abyssal-waters, 20%);
$abyssal-waters-dark: mix(#000, $abyssal-waters, 20%);
.element {
color: $abyssal-waters;
box-shadow: 0 0 0 2px rgba($abyssal-waters, 0.35);
}