Color con nombre más cercano · #DDF1ED
#DDF1ED
Color con nombre más cercano: Bone-Chilling
#DDF1ED (rgb(221 241 237), hsl(168 42% 91%), oklch(0.942 0.022 182.5)) se parece más al color con nombre Bone-Chilling. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DDF1ED
oklch(0.942 0.022 182.5)
Conversiones de color
- HEX
- #ddf1ed
- RGB
- rgb(221 241 237)
- HSL
- hsl(168 42% 91%)
- HWB
- hwb(168 87% 5%)
- OKLCH
- oklch(0.942 0.022 182.5)
- OKLab
- oklab(0.942 -0.022 -0.001)
- CIE Lab
- lab(93.57 -7.37 -0.43)
- LCH
- lch(93.57 7.38 183.4)
- CMYK
- cmyk(8% 0% 2% 5%)
Tintes · Sombras · Tonos
Tintes
- E0F2EF
- E4F4F1
- E7F5F2
- EBF7F4
- EEF8F6
- F1F9F8
- F5FBFA
- F8FCFB
- FCFEFD
Sombras
- C0D2CE
- A4B3B0
- 889593
- 6E7977
- 555D5C
- 3D4342
- 262B2A
- 111414
- 020303
Tonos
- D3E5E2
- CAD9D6
- C0CECB
- B7C2C0
- ADB7B5
- A4ACAA
- 9BA19F
- 929695
- 898B8A
Armonías de color
Complementario +180°
- DDF1ED
Bone-Chilling
- FAE6EA
≈ Hepatica
Análogo -30° +30°
- DDF1ED
Bone-Chilling
- E2F0E5
≈ Weak Mint
- DCF0F5
≈ Let It Snow
Triádico +120° +240°
- DDF1ED
Bone-Chilling
- EEE9F8
≈ Bright Dusk
- F7E9DD
≈ Soft Muslin
Complementario dividido +150° +210°
- DDF1ED
Bone-Chilling
- F5E7F2
≈ Cherry Pearl
- FAE7E3
≈ Pink Duet
Tetrádico +90° +180° +270°
- DDF1ED
Bone-Chilling
- E7EBFB
≈ Icy Lilac
- FAE6EA
≈ Hepatica
- F1ECDC
≈ Cotton Ridge
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.87:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--bone-chilling: #ddf1ed;
--bone-chilling-rgb: 221 241 237;
--bone-chilling-oklch: oklch(0.942 0.022 182.5);
}
.element {
color: var(--bone-chilling);
background-color: hsl(168 42% 91%);
border-color: oklch(0.942 0.022 182.5);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #ddf1ed;
--color-bone-chilling-50: #eff7f6;
--color-bone-chilling-100: #e0eae9;
--color-bone-chilling-200: #cbd7d5;
--color-bone-chilling-300: #acbbb9;
--color-bone-chilling-400: #91a39f;
--color-bone-chilling-500: #778b87;
--color-bone-chilling-600: #657672;
--color-bone-chilling-700: #515e5c;
--color-bone-chilling-800: #3b4543;
--color-bone-chilling-900: #28302e;
--color-bone-chilling-950: #161c1b;
}SCSS
$bone-chilling: #ddf1ed;
$bone-chilling-rgb: 221, 241, 237;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}