Benannte Farbe · #B9E0DB
Mystic Sea
Mystic Sea ist #B9E0DB: rgb(185 224 219), hsl(172 39% 80%), oklch(0.877 0.041 186.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Mystic Sea color name →
#B9E0DB
oklch(0.877 0.041 186.9)
Farbumrechnungen
- HEX
- #b9e0db
- RGB
- rgb(185 224 219)
- HSL
- hsl(172 39% 80%)
- HWB
- hwb(172 73% 12%)
- OKLCH
- oklch(0.877 0.041 186.9)
- OKLab
- oklab(0.877 -0.041 -0.005)
- CIE Lab
- lab(86.27 -13.95 -2.01)
- LCH
- lch(86.27 14.1 188.2)
- CMYK
- cmyk(17% 0% 2% 12%)
Tints · Shades · Tones
Tints
- C0E3DF
- C7E6E2
- CEE9E6
- D5ECE9
- DCF0ED
- E3F3F0
- EAF6F4
- F1F9F8
- F8FCFB
Shades
- A0C3BE
- 89A6A2
- 718A87
- 5B706D
- 465654
- 313E3C
- 1E2726
- 0D1211
- 020202
Tones
- B3D6D2
- AECCC8
- A8C2BF
- A2B9B6
- 9DAFAC
- 97A5A3
- 919C9A
- 8B9291
- 868989
Farbharmonien
Komplementär +180°
- B9E0DB
Mystic Sea
- F0CCD2
≈ Milkshake Pink
Analog -30° +30°
- B9E0DB
Mystic Sea
- C1DFCC
≈ Luna Green
- B9DEE9
≈ Himalaya White Blue
Triadisch +120° +240°
- B9E0DB
Mystic Sea
- DED0ED
≈ Shimmering Sky
- EAD2BA
≈ South Peach
Geteilt komplementär +150° +210°
- B9E0DB
Mystic Sea
- E9CDE1
≈ Sweety Pie
- F0CEC4
≈ Leverkaas
Tetradisch +90° +180° +270°
- B9E0DB
Mystic Sea
- CFD5F2
≈ Flax Bloom
- F0CCD2
≈ Milkshake Pink
- DED7B9
≈ Handmade Linen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.74:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--mystic-sea: #b9e0db;
--mystic-sea-rgb: 185 224 219;
--mystic-sea-oklch: oklch(0.877 0.041 186.9);
}
.element {
color: var(--mystic-sea);
background-color: hsl(172 39% 80%);
border-color: oklch(0.877 0.041 186.9);
}Tailwind CSS v4
@theme {
--color-mystic-sea: #b9e0db;
--color-mystic-sea-50: #e9f9f7;
--color-mystic-sea-100: #d9edea;
--color-mystic-sea-200: #c1dad8;
--color-mystic-sea-300: #a0bfbc;
--color-mystic-sea-400: #83a7a2;
--color-mystic-sea-500: #678f8b;
--color-mystic-sea-600: #577975;
--color-mystic-sea-700: #46615e;
--color-mystic-sea-800: #324744;
--color-mystic-sea-900: #22312f;
--color-mystic-sea-950: #111d1c;
}SCSS
$mystic-sea: #b9e0db;
$mystic-sea-rgb: 185, 224, 219;
$mystic-sea-light: mix(#fff, $mystic-sea, 20%);
$mystic-sea-dark: mix(#000, $mystic-sea, 20%);
.element {
color: $mystic-sea;
box-shadow: 0 0 0 2px rgba($mystic-sea, 0.35);
}