Nächste benannte Farbe · #D2E3EC
#D2E3EC
Nächste benannte Farbe: Ethereal Moonlight
#D2E3EC (rgb(210 227 236), hsl(201 41% 87%), oklch(0.906 0.022 230.6)) liegt am nächsten an der benannten Farbe Ethereal Moonlight. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D2E3EC
oklch(0.906 0.022 230.6)
Farbumrechnungen
- HEX
- #d2e3ec
- RGB
- rgb(210 227 236)
- HSL
- hsl(201 41% 87%)
- HWB
- hwb(201 82% 7%)
- OKLCH
- oklch(0.906 0.022 230.6)
- OKLab
- oklab(0.906 -0.014 -0.017)
- CIE Lab
- lab(89.15 -4.55 -6.44)
- LCH
- lch(89.15 7.89 234.8)
- CMYK
- cmyk(11% 4% 0% 7%)
Tints · Shades · Tones
Tints
- D6E6EE
- DBE9F0
- DFEBF2
- E4EEF4
- E8F1F6
- EDF4F7
- F1F7F9
- F6F9FB
- FAFCFD
Shades
- B6C5CD
- 9BA8AF
- 818C92
- 687176
- 50575B
- 393F42
- 242729
- 101213
- 020303
Tones
- CAD9E1
- C1CED5
- B9C4CA
- B0BABF
- A8B0B5
- A0A6AA
- 989D9F
- 909395
- 88898A
Farbharmonien
Komplementär +180°
- D2E3EC
Ethereal Moonlight
- EDDCD3
≈ Santa Fe Spirit
Analog -30° +30°
- D2E3EC
Ethereal Moonlight
- D0E5E6
≈ Zircon Ice
- D8E0EF
≈ Timid Blue
Triadisch +120° +240°
- D2E3EC
Ethereal Moonlight
- ECDAE2
≈ Homoeopathic Red
- E0E2D1
≈ Wild Wheat
Geteilt komplementär +150° +210°
- D2E3EC
Ethereal Moonlight
- EEDBDA
≈ Hyper Light Drifter
- E8DFD0
≈ Vanilla Flower
Tetradisch +90° +180° +270°
- D2E3EC
Ethereal Moonlight
- E7DBE9
≈ Princess Fairy Tale
- EDDCD3
≈ Santa Fe Spirit
- D8E4D6
≈ Whispering Frost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.93:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.93:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--ethereal-moonlight: #d2e3ec;
--ethereal-moonlight-rgb: 210 227 236;
--ethereal-moonlight-oklch: oklch(0.906 0.022 230.6);
}
.element {
color: var(--ethereal-moonlight);
background-color: hsl(201 41% 87%);
border-color: oklch(0.906 0.022 230.6);
}Tailwind CSS v4
@theme {
--color-ethereal-moonlight: #d2e3ec;
--color-ethereal-moonlight-50: #eff6fa;
--color-ethereal-moonlight-100: #e1e9ee;
--color-ethereal-moonlight-200: #cbd6dc;
--color-ethereal-moonlight-300: #adbac1;
--color-ethereal-moonlight-400: #92a1a9;
--color-ethereal-moonlight-500: #788992;
--color-ethereal-moonlight-600: #66747c;
--color-ethereal-moonlight-700: #515d63;
--color-ethereal-moonlight-800: #3b4448;
--color-ethereal-moonlight-900: #282f32;
--color-ethereal-moonlight-950: #161c1e;
}SCSS
$ethereal-moonlight: #d2e3ec;
$ethereal-moonlight-rgb: 210, 227, 236;
$ethereal-moonlight-light: mix(#fff, $ethereal-moonlight, 20%);
$ethereal-moonlight-dark: mix(#000, $ethereal-moonlight, 20%);
.element {
color: $ethereal-moonlight;
box-shadow: 0 0 0 2px rgba($ethereal-moonlight, 0.35);
}