Benannte Farbe · #98CECD
Clear Cove
Clear Cove ist #98CECD: rgb(152 206 205), hsl(179 36% 70%), oklch(0.814 0.056 194.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Clear Cove color name →
#98CECD
oklch(0.814 0.056 194.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A3D3D2
- ADD8D7
- B7DDDC
- C2E2E1
- CCE6E6
- D6EBEB
- E0F0F0
- EBF5F5
- F5FAFA
Shades
- 84B3B2
- 709898
- 5C7F7E
- 4A6666
- 384E4E
- 273838
- 172323
- 080F0F
- 010202
Tones
- 96C6C5
- 94BEBD
- 92B6B5
- 90AEAD
- 8DA6A6
- 8B9F9E
- 889796
- 868F8F
- 838887
Farbharmonien
Komplementär +180°
- 98CECD
Clear Cove
- E4B4B7
≈ Amazon River Dolphin
Analog -30° +30°
- 98CECD
Clear Cove
- A1CEB9
≈ Feather Green
- 9CCBDD
≈ Intercoastal
Triadisch +120° +240°
- 98CECD
Clear Cove
- D0B8DC
≈ Pussyfoot
- D8BE9B
≈ Hazelnut Parfait
Geteilt komplementär +150° +210°
- 98CECD
Clear Cove
- DEB4CB
≈ Purple Poodle
- E2B7A5
≈ Smoky Salmon
Tetradisch +90° +180° +270°
- 98CECD
Clear Cove
- BDBEE6
≈ Pretty Posie
- E4B4B7
≈ Amazon River Dolphin
- C7C59B
≈ Archisa
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.04:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
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);
}