Màu có tên gần nhất · #DCF5E9
#DCF5E9
Màu có tên gần nhất: Toxic Latte
#DCF5E9 (rgb(220 245 233), hsl(151 56% 91%), oklch(0.949 0.031 165.3)) gần nhất với màu có tên Toxic Latte. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#DCF5E9
oklch(0.949 0.031 165.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0F6EB
- E3F7ED
- E7F8F0
- EAF9F2
- EEFAF4
- F1FBF6
- F5FCF8
- F8FDFB
- FCFEFD
Sắc đậm
- BFD5CB
- A3B6AD
- 889890
- 6E7B74
- 545F5A
- 3C4441
- 262B29
- 111513
- 020303
Sắc xám
- D2E9DE
- C9DDD3
- C0D1C8
- B6C5BE
- ADB9B3
- A4ADA9
- 9BA29E
- 929694
- 898B8A
Hòa sắc
Bổ túc +180°
- DCF5E9
Toxic Latte
- FEE6F3
≈ Cherubic
Tương đồng -30° +30°
- DCF5E9
Toxic Latte
- E5F3DF
≈ Sea Cap
- D7F5F4
≈ Fishious Rend
Bộ ba +120° +240°
- DCF5E9
Toxic Latte
- ECECFF
≈ Carte Blanche
- FFE9DF
≈ Translucent Silk
Bổ túc chia +150° +210°
- DCF5E9
Toxic Latte
- F6E8FD
≈ Placebo Fuchsia
- FFE7E8
≈ Vanilla Strawberry
Bộ bốn +90° +180° +270°
- DCF5E9
Toxic Latte
- E3EFFF
≈ Brilliant White
- FEE6F3
≈ Cherubic
- FAECD8
≈ Ajo Lily
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.14:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.28:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.28:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
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);
}