이름 색상 · #ABE2D6
Capri Water Blue
Capri Water Blue은(는) #ABE2D6: rgb(171 226 214), hsl(167 49% 78%), oklch(0.872 0.059 179.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Capri Water Blue color name →
#ABE2D6
oklch(0.872 0.059 179.9)
색상 변환
- HEX
- #abe2d6
- RGB
- rgb(171 226 214)
- HSL
- hsl(167 49% 78%)
- HWB
- hwb(167 67% 11%)
- OKLCH
- oklch(0.872 0.059 179.9)
- OKLab
- oklab(0.872 -0.059 0)
- CIE Lab
- lab(85.84 -20.13 -0.15)
- LCH
- lch(85.84 20.13 180.4)
- CMYK
- cmyk(24% 0% 5% 11%)
틴트 · 셰이드 · 톤
틴트
- B4E5DA
- BCE8DE
- C5EBE2
- CDEEE6
- D6F1EA
- DEF4EE
- E6F6F3
- EFF9F7
- F7FCFB
셰이드
- 94C4BA
- 7EA89E
- 688C84
- 54716A
- 405752
- 2D3E3B
- 1B2725
- 0B1210
- 010302
톤
- A7D8CD
- A3CEC4
- 9FC4BB
- 9BBAB3
- 96B0AA
- 92A6A1
- 8E9C99
- 899391
- 858988
색 조화
보색 +180°
- ABE2D6
Capri Water Blue
- F7C5D3
≈ Sullivan’s Heart
유사색 -30° +30°
- ABE2D6
Capri Water Blue
- BAE0C1
≈ Lattice Work
- A8E0EA
≈ Quiet Nook
삼각 배색 +120° +240°
- ABE2D6
Capri Water Blue
- DACDF6
≈ Pale Lavender
- F3CCAF
≈ Cosy Coverlet
분열 보색 +150° +210°
- ABE2D6
Capri Water Blue
- ECC7E7
≈ Venetian Rose
- F9C7BE
≈ Dress Up
사각 배색 +90° +180° +270°
- ABE2D6
Capri Water Blue
- C5D4FC
≈ Pale Phthalo Blue
- F7C5D3
≈ Sullivan’s Heart
- E4D4A9
≈ Bakelite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.58:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--capri-water-blue: #abe2d6;
--capri-water-blue-rgb: 171 226 214;
--capri-water-blue-oklch: oklch(0.872 0.059 179.9);
}
.element {
color: var(--capri-water-blue);
background-color: hsl(167 49% 78%);
border-color: oklch(0.872 0.059 179.9);
}Tailwind CSS v4
@theme {
--color-capri-water-blue: #abe2d6;
--color-capri-water-blue-50: #e4fbf6;
--color-capri-water-blue-100: #d4efe9;
--color-capri-water-blue-200: #baddd6;
--color-capri-water-blue-300: #97c2b9;
--color-capri-water-blue-400: #78aaa0;
--color-capri-water-blue-500: #589387;
--color-capri-water-blue-600: #4b7d73;
--color-capri-water-blue-700: #3c645c;
--color-capri-water-blue-800: #2b4942;
--color-capri-water-blue-900: #1d332e;
--color-capri-water-blue-950: #0d1e1b;
}SCSS
$capri-water-blue: #abe2d6;
$capri-water-blue-rgb: 171, 226, 214;
$capri-water-blue-light: mix(#fff, $capri-water-blue, 20%);
$capri-water-blue-dark: mix(#000, $capri-water-blue, 20%);
.element {
color: $capri-water-blue;
box-shadow: 0 0 0 2px rgba($capri-water-blue, 0.35);
}