Cor nomeada mais próxima · #D2E3EC
#D2E3EC
Cor nomeada mais próxima: Ethereal Moonlight
#D2E3EC (rgb(210 227 236), hsl(201 41% 87%), oklch(0.906 0.022 230.6)) é mais próxima da cor nomeada Ethereal Moonlight. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D2E3EC
oklch(0.906 0.022 230.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D6E6EE
- DBE9F0
- DFEBF2
- E4EEF4
- E8F1F6
- EDF4F7
- F1F7F9
- F6F9FB
- FAFCFD
Sombras
- B6C5CD
- 9BA8AF
- 818C92
- 687176
- 50575B
- 393F42
- 242729
- 101213
- 020303
Tons
- CAD9E1
- C1CED5
- B9C4CA
- B0BABF
- A8B0B5
- A0A6AA
- 989D9F
- 909395
- 88898A
Harmonias de cor
Complementar +180°
- D2E3EC
Ethereal Moonlight
- EDDCD3
≈ Santa Fe Spirit
Análoga -30° +30°
- D2E3EC
Ethereal Moonlight
- D0E5E6
≈ Zircon Ice
- D8E0EF
≈ Timid Blue
Tríade +120° +240°
- D2E3EC
Ethereal Moonlight
- ECDAE2
≈ Homoeopathic Red
- E0E2D1
≈ Wild Wheat
Complementar dividida +150° +210°
- D2E3EC
Ethereal Moonlight
- EEDBDA
≈ Hyper Light Drifter
- E8DFD0
≈ Vanilla Flower
Tétrade +90° +180° +270°
- D2E3EC
Ethereal Moonlight
- E7DBE9
≈ Princess Fairy Tale
- EDDCD3
≈ Santa Fe Spirit
- D8E4D6
≈ Whispering Frost
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.93:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.93:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
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);
}