Benannte Farbe · #B9D4DE
Millstream
Millstream ist #B9D4DE: rgb(185 212 222), hsl(196 36% 80%), oklch(0.853 0.032 222.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Millstream color name →
#B9D4DE
oklch(0.853 0.032 222.1)
Farbumrechnungen
- HEX
- #b9d4de
- RGB
- rgb(185 212 222)
- HSL
- hsl(196 36% 80%)
- HWB
- hwb(196 73% 13%)
- OKLCH
- oklch(0.853 0.032 222.1)
- OKLab
- oklab(0.853 -0.024 -0.022)
- CIE Lab
- lab(83.14 -7.78 -8.15)
- LCH
- lch(83.14 11.27 226.3)
- CMYK
- cmyk(17% 5% 0% 13%)
Tints · Shades · Tones
Tints
- C0D8E1
- C7DDE5
- CEE1E8
- D5E5EB
- DCE9EE
- E3EEF2
- EAF2F5
- F1F6F8
- F8FBFC
Shades
- A0B8C1
- 899DA5
- 718389
- 5B696F
- 465155
- 313A3D
- 1E2426
- 0D1012
- 020202
Tones
- B3CBD4
- ADC3CA
- A8BAC1
- A2B2B7
- 9CA9AE
- 97A1A5
- 91989B
- 8B9092
- 868889
Farbharmonien
Komplementär +180°
- B9D4DE
Millstream
- E2C8BF
≈ Sultan Sand
Analog -30° +30°
- B9D4DE
Millstream
- B8D6D4
≈ Wingsuit Wind
- C0D1E4
≈ Drenched Rain
Triadisch +120° +240°
- B9D4DE
Millstream
- DFC7D5
≈ Etcetera
- D2D0B8
≈ Pale Sagebrush
Geteilt komplementär +150° +210°
- B9D4DE
Millstream
- E3C7C9
≈ Girl Talk
- DCCCB8
≈ Palest Satin
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.53:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--millstream: #b9d4de;
--millstream-rgb: 185 212 222;
--millstream-oklch: oklch(0.853 0.032 222.1);
}
.element {
color: var(--millstream);
background-color: hsl(196 36% 80%);
border-color: oklch(0.853 0.032 222.1);
}Tailwind CSS v4
@theme {
--color-millstream: #b9d4de;
--color-millstream-50: #ecf7fc;
--color-millstream-100: #ddeaf0;
--color-millstream-200: #c6d8df;
--color-millstream-300: #a7bbc4;
--color-millstream-400: #8ba3ac;
--color-millstream-500: #6f8b96;
--color-millstream-600: #5f767e;
--color-millstream-700: #4b5e65;
--color-millstream-800: #36454a;
--color-millstream-900: #253033;
--color-millstream-950: #141c1f;
}SCSS
$millstream: #b9d4de;
$millstream-rgb: 185, 212, 222;
$millstream-light: mix(#fff, $millstream, 20%);
$millstream-dark: mix(#000, $millstream, 20%);
.element {
color: $millstream;
box-shadow: 0 0 0 2px rgba($millstream, 0.35);
}