Color con nombre · #DFEBD6
Mineral Water
Mineral Water es #DFEBD6: rgb(223 235 214), hsl(94 34% 88%), oklch(0.925 0.031 131.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Mineral Water color name →
#DFEBD6
oklch(0.925 0.031 131.6)
Conversiones de color
- HEX
- #dfebd6
- RGB
- rgb(223 235 214)
- HSL
- hsl(94 34% 88%)
- HWB
- hwb(94 84% 8%)
- OKLCH
- oklch(0.925 0.031 131.6)
- OKLab
- oklab(0.925 -0.02 0.023)
- CIE Lab
- lab(91.71 -6.91 8.79)
- LCH
- lch(91.71 11.18 128.2)
- CMYK
- cmyk(5% 0% 9% 8%)
Tintes · Sombras · Tonos
Tintes
- E2EDDA
- E5EFDE
- E9F1E2
- ECF3E6
- EFF5EA
- F2F7EF
- F5F9F3
- F9FBF7
- FCFDFB
Sombras
- C2CCBA
- A5AE9E
- 8A9184
- 6F756A
- 565B52
- 3D413B
- 272925
- 121310
- 020302
Tonos
- D5E0CD
- CBD5C4
- C2CABB
- B8BFB3
- AEB4AA
- A5A9A1
- 9B9F99
- 929491
- 898A88
Armonías de color
Complementario +180°
- DFEBD6
Mineral Water
- EDE1F6
≈ Sheer Lavender
Análogo -30° +30°
- DFEBD6
Mineral Water
- EAE7D0
≈ Abbey White
- D5EDE0
≈ Warm Winter
Triádico +120° +240°
- DFEBD6
Mineral Water
- D8E8FB
≈ Cloudless
- FADEE1
≈ Cake Frosting
Complementario dividido +150° +210°
- DFEBD6
Mineral Water
- E2E4FB
≈ Lavender Mist
- F6DFEC
≈ Taffeta Tint
Tetrádico +90° +180° +270°
- DFEBD6
Mineral Water
- D1ECF5
≈ Chalky Blue White
- EDE1F6
≈ Sheer Lavender
- F9E0D7
≈ Veiled Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.99:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--mineral-water: #dfebd6;
--mineral-water-rgb: 223 235 214;
--mineral-water-oklch: oklch(0.925 0.031 131.6);
}
.element {
color: var(--mineral-water);
background-color: hsl(94 34% 88%);
border-color: oklch(0.925 0.031 131.6);
}Tailwind CSS v4
@theme {
--color-mineral-water: #dfebd6;
--color-mineral-water-50: #f2f7ee;
--color-mineral-water-100: #e4eae0;
--color-mineral-water-200: #cfd7ca;
--color-mineral-water-300: #b1bbab;
--color-mineral-water-400: #98a390;
--color-mineral-water-500: #7f8b76;
--color-mineral-water-600: #6b7564;
--color-mineral-water-700: #565e50;
--color-mineral-water-800: #3f4539;
--color-mineral-water-900: #2b2f27;
--color-mineral-water-950: #191c15;
}SCSS
$mineral-water: #dfebd6;
$mineral-water-rgb: 223, 235, 214;
$mineral-water-light: mix(#fff, $mineral-water, 20%);
$mineral-water-dark: mix(#000, $mineral-water, 20%);
.element {
color: $mineral-water;
box-shadow: 0 0 0 2px rgba($mineral-water, 0.35);
}