Color con nombre más cercano · #DDE9E1
#DDE9E1
Color con nombre más cercano: Porcelain Mint
#DDE9E1 (rgb(221 233 225), hsl(140 21% 89%), oklch(0.923 0.017 156.9)) se parece más al color con nombre Porcelain Mint. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DDE9E1
oklch(0.923 0.017 156.9)
Conversiones de color
- HEX
- #dde9e1
- RGB
- rgb(221 233 225)
- HSL
- hsl(140 21% 89%)
- HWB
- hwb(140 87% 9%)
- OKLCH
- oklch(0.923 0.017 156.9)
- OKLab
- oklab(0.923 -0.015 0.007)
- CIE Lab
- lab(91.26 -5.23 2.45)
- LCH
- lch(91.26 5.77 154.9)
- CMYK
- cmyk(5% 0% 3% 9%)
Tintes · Sombras · Tonos
Tintes
- E0EBE4
- E4EDE7
- E7F0EA
- EBF2ED
- EEF4F0
- F1F6F3
- F5F8F6
- F8FBF9
- FCFDFC
Sombras
- C0CBC4
- A4ADA7
- 88908B
- 6E7470
- 555A56
- 3D413E
- 262927
- 111312
- 020302
Tonos
- D3DED7
- CAD3CD
- C0C8C3
- B7BEB9
- ADB3AF
- A4A9A6
- 9B9E9C
- 929493
- 898A89
Armonías de color
Complementario +180°
- DDE9E1
Porcelain Mint
- EDE1EA
≈ Heaven Sent
Análogo -30° +30°
- DDE9E1
Porcelain Mint
- E2E8DC
≈ Minified Moss
- DAE9E7
≈ Snowball Effect
Triádico +120° +240°
- DDE9E1
Porcelain Mint
- E2E5F1
≈ Crystal Falls
- F0E2DE
≈ Mussel White
Complementario dividido +150° +210°
- DDE9E1
Porcelain Mint
- E8E3EE
≈ Modest Violet
- F0E1E3
≈ Pink Booties
Tetrádico +90° +180° +270°
- DDE9E1
Porcelain Mint
- DDE7F0
≈ Radiant Moon
- EDE1EA
≈ Heaven Sent
- EDE4DA
≈ Sweet Gardenia
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.81:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--porcelain-mint: #dde9e1;
--porcelain-mint-rgb: 221 233 225;
--porcelain-mint-oklch: oklch(0.923 0.017 156.9);
}
.element {
color: var(--porcelain-mint);
background-color: hsl(140 21% 89%);
border-color: oklch(0.923 0.017 156.9);
}Tailwind CSS v4
@theme {
--color-porcelain-mint: #dde9e1;
--color-porcelain-mint-50: #f1f7f3;
--color-porcelain-mint-100: #e3eae6;
--color-porcelain-mint-200: #cfd6d2;
--color-porcelain-mint-300: #b1bab4;
--color-porcelain-mint-400: #97a29a;
--color-porcelain-mint-500: #7e8a82;
--color-porcelain-mint-600: #6a746e;
--color-porcelain-mint-700: #555d58;
--color-porcelain-mint-800: #3e4440;
--color-porcelain-mint-900: #2b2f2c;
--color-porcelain-mint-950: #181c19;
}SCSS
$porcelain-mint: #dde9e1;
$porcelain-mint-rgb: 221, 233, 225;
$porcelain-mint-light: mix(#fff, $porcelain-mint, 20%);
$porcelain-mint-dark: mix(#000, $porcelain-mint, 20%);
.element {
color: $porcelain-mint;
box-shadow: 0 0 0 2px rgba($porcelain-mint, 0.35);
}