Benannte Farbe · #98C6CB
Continental Waters
Continental Waters ist #98C6CB: rgb(152 198 203), hsl(186 33% 70%), oklch(0.796 0.049 204.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Continental Waters color name →
#98C6CB
oklch(0.796 0.049 204.5)
Farbumrechnungen
- HEX
- #98c6cb
- RGB
- rgb(152 198 203)
- HSL
- hsl(186 33% 70%)
- HWB
- hwb(186 60% 20%)
- OKLCH
- oklch(0.796 0.049 204.5)
- OKLab
- oklab(0.796 -0.044 -0.02)
- CIE Lab
- lab(76.73 -14.82 -7.73)
- LCH
- lch(76.73 16.71 207.5)
- CMYK
- cmyk(25% 2% 0% 20%)
Tints · Shades · Tones
Tints
- A2CCD0
- ADD1D5
- B7D7DA
- C1DDE0
- CCE2E5
- D6E8EA
- E0EEEF
- EAF4F4
- F5F9FA
Shades
- 84ACB0
- 709296
- 5C7A7D
- 4A6265
- 384B4D
- 273537
- 172122
- 080E0F
- 010202
Tones
- 96BFC3
- 94B8BC
- 92B1B4
- 8FA9AC
- 8DA2A5
- 8A9B9D
- 889596
- 858E8F
- 838787
Farbharmonien
Komplementär +180°
- 98C6CB
Continental Waters
- DAB1AD
≈ Borlotti Bean
Analog -30° +30°
- 98C6CB
Continental Waters
- 9CC7BA
≈ Cool Juniper
- 9EC2D8
≈ Angel Sol
Triadisch +120° +240°
- 98C6CB
Continental Waters
- CDB2CE
≈ Elfin Herb
- CBBA99
≈ Spiced Vinegar
Geteilt komplementär +150° +210°
- 98C6CB
Continental Waters
- D7B0BE
≈ Kindness
- D6B59F
≈ Kraft Paper
Tetradisch +90° +180° +270°
- 98C6CB
Continental Waters
- BEB7D9
≈ Tinted Iris
- DAB1AD
≈ Borlotti Bean
- BBC09D
≈ Animal Kingdom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.86:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.27:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--continental-waters: #98c6cb;
--continental-waters-rgb: 152 198 203;
--continental-waters-oklch: oklch(0.796 0.049 204.5);
}
.element {
color: var(--continental-waters);
background-color: hsl(186 33% 70%);
border-color: oklch(0.796 0.049 204.5);
}Tailwind CSS v4
@theme {
--color-continental-waters: #98c6cb;
--color-continental-waters-50: #e6f9fc;
--color-continental-waters-100: #d6edf0;
--color-continental-waters-200: #bddbdf;
--color-continental-waters-300: #9bbfc4;
--color-continental-waters-400: #7da7ac;
--color-continental-waters-500: #5e9095;
--color-continental-waters-600: #507a7e;
--color-continental-waters-700: #406165;
--color-continental-waters-800: #2e484a;
--color-continental-waters-900: #1f3233;
--color-continental-waters-950: #0e1e1f;
}SCSS
$continental-waters: #98c6cb;
$continental-waters-rgb: 152, 198, 203;
$continental-waters-light: mix(#fff, $continental-waters, 20%);
$continental-waters-dark: mix(#000, $continental-waters, 20%);
.element {
color: $continental-waters;
box-shadow: 0 0 0 2px rgba($continental-waters, 0.35);
}