Color con nombre · #DFEBE2
Country Mist
Country Mist es #DFEBE2: rgb(223 235 226), hsl(135 23% 90%), oklch(0.929 0.018 153.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Country Mist color name →
#DFEBE2
oklch(0.929 0.018 153.6)
Conversiones de color
- HEX
- #dfebe2
- RGB
- rgb(223 235 226)
- HSL
- hsl(135 23% 90%)
- HWB
- hwb(135 87% 8%)
- OKLCH
- oklch(0.929 0.018 153.6)
- OKLab
- oklab(0.929 -0.016 0.008)
- CIE Lab
- lab(91.95 -5.35 2.93)
- LCH
- lch(91.95 6.1 151.3)
- CMYK
- cmyk(5% 0% 4% 8%)
Tintes · Sombras · Tonos
Tintes
- E2EDE5
- E5EFE8
- E9F1EB
- ECF3EE
- EFF5F0
- F2F7F3
- F5F9F6
- F9FBF9
- FCFDFC
Sombras
- C2CCC4
- A5AEA8
- 8A918C
- 6F7571
- 565B57
- 3D413E
- 272927
- 121312
- 020303
Tonos
- D5E0D8
- CBD5CE
- C2CAC4
- B8BFBA
- AEB4B0
- A5A9A6
- 9B9F9C
- 929493
- 898A89
Armonías de color
Complementario +180°
- DFEBE2
Country Mist
- EFE3EC
≈ Faded Fuchsia
Análogo -30° +30°
- DFEBE2
Country Mist
- E5EADD
≈ Minified Mint
- DBEBE8
≈ Ice Folly
Triádico +120° +240°
- DFEBE2
Country Mist
- E3E7F4
≈ Crystal Falls
- F3E3E0
≈ Pearly
Complementario dividido +150° +210°
- DFEBE2
Country Mist
- EAE5F1
≈ Modest Violet
- F2E3E6
≈ Be Mine
Tetrádico +90° +180° +270°
- DFEBE2
Country Mist
- DEE9F2
≈ Freeze Up
- EFE3EC
≈ Faded Fuchsia
- F0E5DC
≈ Winter Wedding
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.11:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--country-mist: #dfebe2;
--country-mist-rgb: 223 235 226;
--country-mist-oklch: oklch(0.929 0.018 153.6);
}
.element {
color: var(--country-mist);
background-color: hsl(135 23% 90%);
border-color: oklch(0.929 0.018 153.6);
}Tailwind CSS v4
@theme {
--color-country-mist: #dfebe2;
--color-country-mist-50: #f1f7f3;
--color-country-mist-100: #e3eae5;
--color-country-mist-200: #cfd7d1;
--color-country-mist-300: #b1bab4;
--color-country-mist-400: #97a29a;
--color-country-mist-500: #7e8a81;
--color-country-mist-600: #6a756d;
--color-country-mist-700: #555d57;
--color-country-mist-800: #3e443f;
--color-country-mist-900: #2b2f2c;
--color-country-mist-950: #181c19;
}SCSS
$country-mist: #dfebe2;
$country-mist-rgb: 223, 235, 226;
$country-mist-light: mix(#fff, $country-mist, 20%);
$country-mist-dark: mix(#000, $country-mist, 20%);
.element {
color: $country-mist;
box-shadow: 0 0 0 2px rgba($country-mist, 0.35);
}