Color con nombre · #DDEAE0
Diluted Green
Diluted Green es #DDEAE0: rgb(221 234 224), hsl(134 24% 89%), oklch(0.924 0.019 152.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Diluted Green color name →
#DDEAE0
oklch(0.924 0.019 152.8)
Conversiones de color
- HEX
- #ddeae0
- RGB
- rgb(221 234 224)
- HSL
- hsl(134 24% 89%)
- HWB
- hwb(134 87% 8%)
- OKLCH
- oklch(0.924 0.019 152.8)
- OKLab
- oklab(0.924 -0.017 0.009)
- CIE Lab
- lab(91.5 -5.84 3.3)
- LCH
- lch(91.5 6.71 150.5)
- CMYK
- cmyk(6% 0% 4% 8%)
Tintes · Sombras · Tonos
Tintes
- E0ECE3
- E4EEE6
- E7F0E9
- EBF2EC
- EEF4EF
- F1F7F3
- F5F9F6
- F8FBF9
- FCFDFC
Sombras
- C0CBC3
- A4AEA6
- 88918A
- 6E7570
- 555A56
- 3D413E
- 262927
- 111312
- 020302
Tonos
- D3DFD6
- CAD4CC
- C0C9C2
- B7BEB8
- ADB4AF
- A4A9A5
- 9B9F9C
- 929492
- 898A89
Armonías de color
Complementario +180°
- DDEAE0
Diluted Green
- EEE2EC
≈ Heaven Sent
Análogo -30° +30°
- DDEAE0
Diluted Green
- E3E8DA
≈ Spinach White
- D9EBE7
≈ Reduced Turquoise
Triádico +120° +240°
- DDEAE0
Diluted Green
- E1E6F3
≈ Crystal Falls
- F3E2DE
≈ Morningside
Complementario dividido +150° +210°
- DDEAE0
Diluted Green
- E8E3F1
≈ Modest Violet
- F2E1E5
≈ Dulcet Pink
Tetrádico +90° +180° +270°
- DDEAE0
Diluted Green
- DCE8F2
≈ St. Petersburg
- EEE2EC
≈ Heaven Sent
- F0E4D9
≈ Vellum Parchment
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.91:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--diluted-green: #ddeae0;
--diluted-green-rgb: 221 234 224;
--diluted-green-oklch: oklch(0.924 0.019 152.8);
}
.element {
color: var(--diluted-green);
background-color: hsl(134 24% 89%);
border-color: oklch(0.924 0.019 152.8);
}Tailwind CSS v4
@theme {
--color-diluted-green: #ddeae0;
--color-diluted-green-50: #f1f7f3;
--color-diluted-green-100: #e3eae5;
--color-diluted-green-200: #ced7d1;
--color-diluted-green-300: #b0bab3;
--color-diluted-green-400: #96a299;
--color-diluted-green-500: #7d8a80;
--color-diluted-green-600: #6a756c;
--color-diluted-green-700: #555d57;
--color-diluted-green-800: #3e443f;
--color-diluted-green-900: #2a2f2b;
--color-diluted-green-950: #181c19;
}SCSS
$diluted-green: #ddeae0;
$diluted-green-rgb: 221, 234, 224;
$diluted-green-light: mix(#fff, $diluted-green, 20%);
$diluted-green-dark: mix(#000, $diluted-green, 20%);
.element {
color: $diluted-green;
box-shadow: 0 0 0 2px rgba($diluted-green, 0.35);
}