Nearest named color · #DCF5E9
#DCF5E9
Nearest named color: Toxic Latte
#DCF5E9 (rgb(220 245 233), hsl(151 56% 91%), oklch(0.949 0.031 165.3)) is closest to the named color Toxic Latte. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DCF5E9
oklch(0.949 0.031 165.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E0F6EB
- E3F7ED
- E7F8F0
- EAF9F2
- EEFAF4
- F1FBF6
- F5FCF8
- F8FDFB
- FCFEFD
Shades
- BFD5CB
- A3B6AD
- 889890
- 6E7B74
- 545F5A
- 3C4441
- 262B29
- 111513
- 020303
Tones
- D2E9DE
- C9DDD3
- C0D1C8
- B6C5BE
- ADB9B3
- A4ADA9
- 9BA29E
- 929694
- 898B8A
Color harmonies
Complementary +180°
- DCF5E9
Toxic Latte
- FEE6F3
≈ Cherubic
Analogous -30° +30°
- DCF5E9
Toxic Latte
- E5F3DF
≈ Sea Cap
- D7F5F4
≈ Fishious Rend
Triadic +120° +240°
- DCF5E9
Toxic Latte
- ECECFF
≈ Carte Blanche
- FFE9DF
≈ Translucent Silk
Split-complementary +150° +210°
- DCF5E9
Toxic Latte
- F6E8FD
≈ Placebo Fuchsia
- FFE7E8
≈ Vanilla Strawberry
Tetradic +90° +180° +270°
- DCF5E9
Toxic Latte
- E3EFFF
≈ Brilliant White
- FEE6F3
≈ Cherubic
- FAECD8
≈ Ajo Lily
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.28:1 · APCA Lc 97
Best text color: #000000
WCAG 18.28:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
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);
}