Color con nombre más cercano · #DCF5E9
#DCF5E9
Color con nombre más cercano: Toxic Latte
#DCF5E9 (rgb(220 245 233), hsl(151 56% 91%), oklch(0.949 0.031 165.3)) se parece más al color con nombre Toxic Latte. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DCF5E9
oklch(0.949 0.031 165.3)
Conversiones de color
- HEX
- #dcf5e9
- RGB
- rgb(220 245 233)
- HSL
- hsl(151 56% 91%)
- HWB
- hwb(151 86% 4%)
- OKLCH
- oklch(0.949 0.031 165.3)
- OKLab
- oklab(0.949 -0.03 0.008)
- CIE Lab
- lab(94.45 -10.14 2.87)
- LCH
- lch(94.45 10.54 164.2)
- CMYK
- cmyk(10% 0% 5% 4%)
Tintes · Sombras · Tonos
Tintes
- E0F6EB
- E3F7ED
- E7F8F0
- EAF9F2
- EEFAF4
- F1FBF6
- F5FCF8
- F8FDFB
- FCFEFD
Sombras
- BFD5CB
- A3B6AD
- 889890
- 6E7B74
- 545F5A
- 3C4441
- 262B29
- 111513
- 020303
Tonos
- D2E9DE
- C9DDD3
- C0D1C8
- B6C5BE
- ADB9B3
- A4ADA9
- 9BA29E
- 929694
- 898B8A
Armonías de color
Complementario +180°
- DCF5E9
Toxic Latte
- FEE6F3
≈ Cherubic
Análogo -30° +30°
- DCF5E9
Toxic Latte
- E5F3DF
≈ Sea Cap
- D7F5F4
≈ Fishious Rend
Triádico +120° +240°
- DCF5E9
Toxic Latte
- ECECFF
≈ Carte Blanche
- FFE9DF
≈ Translucent Silk
Complementario dividido +150° +210°
- DCF5E9
Toxic Latte
- F6E8FD
≈ Placebo Fuchsia
- FFE7E8
≈ Vanilla Strawberry
Tetrádico +90° +180° +270°
- DCF5E9
Toxic Latte
- E3EFFF
≈ Brilliant White
- FEE6F3
≈ Cherubic
- FAECD8
≈ Ajo Lily
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.28:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.28:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--toxic-latte: #dcf5e9;
--toxic-latte-rgb: 220 245 233;
--toxic-latte-oklch: oklch(0.949 0.031 165.3);
}
.element {
color: var(--toxic-latte);
background-color: hsl(151 56% 91%);
border-color: oklch(0.949 0.031 165.3);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #dcf5e9;
--color-toxic-latte-50: #edf8f3;
--color-toxic-latte-100: #dfebe6;
--color-toxic-latte-200: #c9d9d1;
--color-toxic-latte-300: #a9bdb4;
--color-toxic-latte-400: #8ea49a;
--color-toxic-latte-500: #748d81;
--color-toxic-latte-600: #62776d;
--color-toxic-latte-700: #4e5f57;
--color-toxic-latte-800: #39463f;
--color-toxic-latte-900: #27302c;
--color-toxic-latte-950: #151d19;
}SCSS
$toxic-latte: #dcf5e9;
$toxic-latte-rgb: 220, 245, 233;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}