Benannte Farbe · #D4F1F9
Water
Water ist #D4F1F9: rgb(212 241 249), hsl(193 76% 90%), oklch(0.94 0.032 216.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Water color name →
#D4F1F9
oklch(0.94 0.032 216.2)
Farbumrechnungen
- HEX
- #d4f1f9
- RGB
- rgb(212 241 249)
- HSL
- hsl(193 76% 90%)
- HWB
- hwb(193 83% 2%)
- OKLCH
- oklch(0.94 0.032 216.2)
- OKLab
- oklab(0.94 -0.026 -0.019)
- CIE Lab
- lab(93.21 -8.6 -7.24)
- LCH
- lch(93.21 11.24 220.1)
- CMYK
- cmyk(15% 3% 0% 2%)
Tints · Shades · Tones
Tints
- D8F2FA
- DDF4FA
- E1F5FB
- E5F7FB
- EAF8FC
- EEF9FD
- F2FBFD
- F7FCFE
- FBFEFE
Shades
- B8D2D9
- 9DB3B9
- 83959A
- 69797D
- 515D61
- 3A4346
- 242B2C
- 101415
- 020303
Tones
- CBE5EC
- C3D9E0
- BACED3
- B2C2C7
- A9B7BB
- A1ACAF
- 99A1A3
- 909697
- 888B8B
Farbharmonien
Komplementär +180°
- D4F1F9
Water
- FFE4DD
≈ Misty Rose
Analog -30° +30°
Triadisch +120° +240°
- D4F1F9
Water
- FAE3F3
≈ Pale Blossom
- F1EBD4
≈ Candlewick
Geteilt komplementär +150° +210°
- D4F1F9
Water
- FFE3E8
≈ Hepatica
- FBE7D5
≈ Naive Peach
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.74:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--water: #d4f1f9;
--water-rgb: 212 241 249;
--water-oklch: oklch(0.94 0.032 216.2);
}
.element {
color: var(--water);
background-color: hsl(193 76% 90%);
border-color: oklch(0.94 0.032 216.2);
}Tailwind CSS v4
@theme {
--color-water: #d4f1f9;
--color-water-50: #ecf8fb;
--color-water-100: #ddebef;
--color-water-200: #c6d8dd;
--color-water-300: #a6bcc2;
--color-water-400: #8aa4ab;
--color-water-500: #6e8c94;
--color-water-600: #5e767d;
--color-water-700: #4b5f64;
--color-water-800: #364549;
--color-water-900: #253033;
--color-water-950: #131c1e;
}SCSS
$water: #d4f1f9;
$water-rgb: 212, 241, 249;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}