Color con nombre más cercano · #D9DDCF
#D9DDCF
Color con nombre más cercano: Feta
#D9DDCF (rgb(217 221 207), hsl(77 17% 84%), oklch(0.891 0.019 119.8)) se parece más al color con nombre Feta. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D9DDCF
oklch(0.891 0.019 119.8)
Conversiones de color
- HEX
- #d9ddcf
- RGB
- rgb(217 221 207)
- HSL
- hsl(77 17% 84%)
- HWB
- hwb(77 81% 13%)
- OKLCH
- oklch(0.891 0.019 119.8)
- OKLab
- oklab(0.891 -0.01 0.017)
- CIE Lab
- lab(87.51 -3.25 6.4)
- LCH
- lch(87.51 7.18 116.9)
- CMYK
- cmyk(2% 0% 6% 13%)
Tintes · Sombras · Tonos
Tintes
- DDE0D4
- E1E4D8
- E4E7DD
- E8EBE2
- ECEEE7
- F0F1EC
- F3F5F0
- F7F8F5
- FBFCFA
Sombras
- BCC0B4
- A1A499
- 86887F
- 6C6E67
- 53554F
- 3B3D38
- 252623
- 111110
- 020202
Tonos
- D0D3C7
- C7CABF
- BDC0B7
- B4B7AF
- ABADA7
- A3A49F
- 9A9B97
- 91928F
- 888988
Armonías de color
Complementario +180°
- D9DDCF
Feta
- DDD8E6
≈ Misty Violet
Análogo -30° +30°
- D9DDCF
Feta
- E0DBCD
≈ White Wisp
- D2DFD4
≈ Aruba Aqua
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.19:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--feta: #d9ddcf;
--feta-rgb: 217 221 207;
--feta-oklch: oklch(0.891 0.019 119.8);
}
.element {
color: var(--feta);
background-color: hsl(77 17% 84%);
border-color: oklch(0.891 0.019 119.8);
}Tailwind CSS v4
@theme {
--color-feta: #d9ddcf;
--color-feta-50: #f4f6f0;
--color-feta-100: #e7e9e2;
--color-feta-200: #d3d6cd;
--color-feta-300: #b5b9ae;
--color-feta-400: #9da094;
--color-feta-500: #84887a;
--color-feta-600: #707367;
--color-feta-700: #5a5c53;
--color-feta-800: #42433c;
--color-feta-900: #2d2f29;
--color-feta-950: #1a1b17;
}SCSS
$feta: #d9ddcf;
$feta-rgb: 217, 221, 207;
$feta-light: mix(#fff, $feta, 20%);
$feta-dark: mix(#000, $feta, 20%);
.element {
color: $feta;
box-shadow: 0 0 0 2px rgba($feta, 0.35);
}