이름 색상 · #B0CEC2
Watershed
Watershed은(는) #B0CEC2: rgb(176 206 194), hsl(156 23% 75%), oklch(0.826 0.036 169.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Watershed color name →
#B0CEC2
oklch(0.826 0.036 169.3)
색상 변환
- HEX
- #b0cec2
- RGB
- rgb(176 206 194)
- HSL
- hsl(156 23% 75%)
- HWB
- hwb(156 69% 19%)
- OKLCH
- oklch(0.826 0.036 169.3)
- OKLab
- oklab(0.826 -0.036 0.007)
- CIE Lab
- lab(80.28 -12.18 2.45)
- LCH
- lch(80.28 12.42 168.6)
- CMYK
- cmyk(15% 0% 6% 19%)
틴트 · 셰이드 · 톤
틴트
- B8D3C8
- C0D8CE
- C8DDD4
- CFE1DA
- D7E6E0
- DFEBE6
- E7F0EC
- EFF5F3
- F7FAF9
셰이드
- 99B3A8
- 82988F
- 6C7F77
- 566660
- 424E49
- 2E3834
- 1C2320
- 0B0F0E
- 010202
톤
- ABC6BB
- A6BEB4
- A2B6AE
- 9DAEA7
- 98A6A0
- 939E9A
- 8E9793
- 8A8F8D
- 858886
색 조화
보색 +180°
- B0CEC2
Watershed
- D9BDC9
≈ Fragrant Orchid
유사색 -30° +30°
- B0CEC2
Watershed
- BACCB6
≈ Isle of Dreams
- ACCECF
≈ Baroque Chalk Soft Blue
삼각 배색 +120° +240°
- B0CEC2
Watershed
- C5C3DD
≈ Ice Mauve
- DAC0B2
≈ Champagne Glee
분열 보색 +150° +210°
- B0CEC2
Watershed
- D1BFD5
≈ Cosmetic Mauve
- DDBDBD
≈ Fizzing Whizbees
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.68:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.45:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--watershed: #b0cec2;
--watershed-rgb: 176 206 194;
--watershed-oklch: oklch(0.826 0.036 169.3);
}
.element {
color: var(--watershed);
background-color: hsl(156 23% 75%);
border-color: oklch(0.826 0.036 169.3);
}Tailwind CSS v4
@theme {
--color-watershed: #b0cec2;
--color-watershed-50: #ebf9f4;
--color-watershed-100: #ddece6;
--color-watershed-200: #c6dad2;
--color-watershed-300: #a6beb5;
--color-watershed-400: #8aa69b;
--color-watershed-500: #6f8e82;
--color-watershed-600: #5e786e;
--color-watershed-700: #4b6058;
--color-watershed-800: #374740;
--color-watershed-900: #25312c;
--color-watershed-950: #141d19;
}SCSS
$watershed: #b0cec2;
$watershed-rgb: 176, 206, 194;
$watershed-light: mix(#fff, $watershed, 20%);
$watershed-dark: mix(#000, $watershed, 20%);
.element {
color: $watershed;
box-shadow: 0 0 0 2px rgba($watershed, 0.35);
}