Benannte Farbe · #B2B7D1
Hundred Waters
Hundred Waters ist #B2B7D1: rgb(178 183 209), hsl(230 25% 76%), oklch(0.784 0.037 276.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Hundred Waters color name →
#B2B7D1
oklch(0.784 0.037 276.9)
Farbumrechnungen
- HEX
- #b2b7d1
- RGB
- rgb(178 183 209)
- HSL
- hsl(230 25% 76%)
- HWB
- hwb(230 70% 18%)
- OKLCH
- oklch(0.784 0.037 276.9)
- OKLab
- oklab(0.784 0.004 -0.037)
- CIE Lab
- lab(74.65 2.14 -13.8)
- LCH
- lch(74.65 13.96 278.8)
- CMYK
- cmyk(15% 12% 0% 18%)
Tints · Shades · Tones
Tints
- B9BED6
- C1C5DA
- C9CCDF
- D0D3E3
- D8DBE8
- E0E2ED
- E7E9F1
- EFF0F6
- F7F8FA
Shades
- 9A9FB5
- 83879B
- 6D7081
- 575A68
- 434550
- 2F3139
- 1D1E23
- 0C0C10
- 010202
Tones
- ADB1C9
- A8ACC0
- A3A6B8
- 9EA1B0
- 999BA8
- 9496A0
- 8F9098
- 8A8B90
- 858588
Farbharmonien
Komplementär +180°
- B2B7D1
Hundred Waters
- BFB99E
≈ Good to Grow
Analog -30° +30°
- B2B7D1
Hundred Waters
- A6BBD0
≈ Skyway
- BFB3CC
≈ Orchid Petal
Triadisch +120° +240°
- B2B7D1
Hundred Waters
- CFB1A8
≈ Garden Snail
- A6C0AF
≈ Young Gecko
Geteilt komplementär +150° +210°
- B2B7D1
Hundred Waters
- C9B5A0
≈ Moose Mousse
- B2BDA4
≈ Dried Chervil
Tetradisch +90° +180° +270°
- B2B7D1
Hundred Waters
- CFAFB4
≈ Izmir Pink
- BFB99E
≈ Good to Grow
- 9FC1BC
≈ Bleu Nattier
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.58:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--hundred-waters: #b2b7d1;
--hundred-waters-rgb: 178 183 209;
--hundred-waters-oklch: oklch(0.784 0.037 276.9);
}
.element {
color: var(--hundred-waters);
background-color: hsl(230 25% 76%);
border-color: oklch(0.784 0.037 276.9);
}Tailwind CSS v4
@theme {
--color-hundred-waters: #b2b7d1;
--color-hundred-waters-50: #f2f4ff;
--color-hundred-waters-100: #e5e7f5;
--color-hundred-waters-200: #d0d3e4;
--color-hundred-waters-300: #b3b6cb;
--color-hundred-waters-400: #989db5;
--color-hundred-waters-500: #7f849f;
--color-hundred-waters-600: #6c7087;
--color-hundred-waters-700: #565a6c;
--color-hundred-waters-800: #3e4250;
--color-hundred-waters-900: #2b2d37;
--color-hundred-waters-950: #181a22;
}SCSS
$hundred-waters: #b2b7d1;
$hundred-waters-rgb: 178, 183, 209;
$hundred-waters-light: mix(#fff, $hundred-waters, 20%);
$hundred-waters-dark: mix(#000, $hundred-waters, 20%);
.element {
color: $hundred-waters;
box-shadow: 0 0 0 2px rgba($hundred-waters, 0.35);
}