이름 색상 · #98CECD
Clear Cove
Clear Cove은(는) #98CECD: rgb(152 206 205), hsl(179 36% 70%), oklch(0.814 0.056 194.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Clear Cove color name →
#98CECD
oklch(0.814 0.056 194.7)
색상 변환
- HEX
- #98cecd
- RGB
- rgb(152 206 205)
- HSL
- hsl(179 36% 70%)
- HWB
- hwb(179 60% 19%)
- OKLCH
- oklch(0.814 0.056 194.7)
- OKLab
- oklab(0.814 -0.054 -0.014)
- CIE Lab
- lab(79 -18.26 -5.47)
- LCH
- lch(79 19.06 196.7)
- CMYK
- cmyk(26% 0% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- A3D3D2
- ADD8D7
- B7DDDC
- C2E2E1
- CCE6E6
- D6EBEB
- E0F0F0
- EBF5F5
- F5FAFA
셰이드
- 84B3B2
- 709898
- 5C7F7E
- 4A6666
- 384E4E
- 273838
- 172323
- 080F0F
- 010202
톤
- 96C6C5
- 94BEBD
- 92B6B5
- 90AEAD
- 8DA6A6
- 8B9F9E
- 889796
- 868F8F
- 838887
색 조화
보색 +180°
- 98CECD
Clear Cove
- E4B4B7
≈ Amazon River Dolphin
유사색 -30° +30°
- 98CECD
Clear Cove
- A1CEB9
≈ Feather Green
- 9CCBDD
≈ Intercoastal
삼각 배색 +120° +240°
- 98CECD
Clear Cove
- D0B8DC
≈ Pussyfoot
- D8BE9B
≈ Hazelnut Parfait
분열 보색 +150° +210°
- 98CECD
Clear Cove
- DEB4CB
≈ Purple Poodle
- E2B7A5
≈ Smoky Salmon
사각 배색 +90° +180° +270°
- 98CECD
Clear Cove
- BDBEE6
≈ Pretty Posie
- E4B4B7
≈ Amazon River Dolphin
- C7C59B
≈ Archisa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.04:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--clear-cove: #98cecd;
--clear-cove-rgb: 152 206 205;
--clear-cove-oklch: oklch(0.814 0.056 194.7);
}
.element {
color: var(--clear-cove);
background-color: hsl(179 36% 70%);
border-color: oklch(0.814 0.056 194.7);
}Tailwind CSS v4
@theme {
--color-clear-cove: #98cecd;
--color-clear-cove-50: #e4fafa;
--color-clear-cove-100: #d3eeee;
--color-clear-cove-200: #badcdc;
--color-clear-cove-300: #97c1c1;
--color-clear-cove-400: #77a9a8;
--color-clear-cove-500: #579291;
--color-clear-cove-600: #4b7c7b;
--color-clear-cove-700: #3b6362;
--color-clear-cove-800: #2a4947;
--color-clear-cove-900: #1c3232;
--color-clear-cove-950: #0c1e1e;
}SCSS
$clear-cove: #98cecd;
$clear-cove-rgb: 152, 206, 205;
$clear-cove-light: mix(#fff, $clear-cove, 20%);
$clear-cove-dark: mix(#000, $clear-cove, 20%);
.element {
color: $clear-cove;
box-shadow: 0 0 0 2px rgba($clear-cove, 0.35);
}