Benannte Farbe · #D9CADF
Hampstead Heath
Hampstead Heath ist #D9CADF: rgb(217 202 223), hsl(283 25% 83%), oklch(0.858 0.033 316.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hampstead Heath color name →
#D9CADF
oklch(0.858 0.033 316.4)
Farbumrechnungen
- HEX
- #d9cadf
- RGB
- rgb(217 202 223)
- HSL
- hsl(283 25% 83%)
- HWB
- hwb(283 79% 13%)
- OKLCH
- oklch(0.858 0.033 316.4)
- OKLab
- oklab(0.858 0.024 -0.023)
- CIE Lab
- lab(83.05 8.22 -8.47)
- LCH
- lch(83.05 11.8 314.1)
- CMYK
- cmyk(3% 9% 0% 13%)
Tints · Shades · Tones
Tints
- DDCFE2
- E1D4E5
- E4DAE9
- E8DFEC
- ECE4EF
- F0EAF2
- F4EFF5
- F7F4F9
- FBFAFC
Shades
- BCAFC2
- A195A5
- 867C8A
- 6C646F
- 534D56
- 3B373D
- 252227
- 110F12
- 020202
Tones
- D0C2D5
- C7BBCB
- BDB3C2
- B4ACB8
- ABA4AE
- A39DA5
- 9A969C
- 918E92
- 898789
Farbharmonien
Komplementär +180°
- D9CADF
Hampstead Heath
- C7D6C0
≈ French Limestone
Analog -30° +30°
- D9CADF
Hampstead Heath
- CECEE5
≈ Casa del Mar
- E1C8D5
≈ Etcetera
Triadisch +120° +240°
- D9CADF
Hampstead Heath
- DDCEB9
≈ Cream and Sugar
- B8D7D7
≈ Greenland Ice
Geteilt komplementär +150° +210°
- D9CADF
Hampstead Heath
- D2D2BA
≈ Pale Sagebrush
- BDD7CB
≈ Malted Mint
Tetradisch +90° +180° +270°
- D9CADF
Hampstead Heath
- E4CABE
≈ Sultan Sand
- C7D6C0
≈ French Limestone
- BBD5E1
≈ Pale Aqua
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.46:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--hampstead-heath: #d9cadf;
--hampstead-heath-rgb: 217 202 223;
--hampstead-heath-oklch: oklch(0.858 0.033 316.4);
}
.element {
color: var(--hampstead-heath);
background-color: hsl(283 25% 83%);
border-color: oklch(0.858 0.033 316.4);
}Tailwind CSS v4
@theme {
--color-hampstead-heath: #d9cadf;
--color-hampstead-heath-50: #f9f2fb;
--color-hampstead-heath-100: #ede5ef;
--color-hampstead-heath-200: #dad0dd;
--color-hampstead-heath-300: #bfb2c2;
--color-hampstead-heath-400: #a699ac;
--color-hampstead-heath-500: #8f8095;
--color-hampstead-heath-600: #796c7e;
--color-hampstead-heath-700: #615665;
--color-hampstead-heath-800: #473f4a;
--color-hampstead-heath-900: #312b34;
--color-hampstead-heath-950: #1d191f;
}SCSS
$hampstead-heath: #d9cadf;
$hampstead-heath-rgb: 217, 202, 223;
$hampstead-heath-light: mix(#fff, $hampstead-heath, 20%);
$hampstead-heath-dark: mix(#000, $hampstead-heath, 20%);
.element {
color: $hampstead-heath;
box-shadow: 0 0 0 2px rgba($hampstead-heath, 0.35);
}