Màu có tên gần nhất · #DFE9DC
#DFE9DC
Màu có tên gần nhất: Hint of Green
#DFE9DC (rgb(223 233 220), hsl(106 23% 89%), oklch(0.923 0.02 138.4)) gần nhất với màu có tên Hint of Green. 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.
#DFE9DC
oklch(0.923 0.02 138.4)
Chuyển đổi màu
- HEX
- #dfe9dc
- RGB
- rgb(223 233 220)
- HSL
- hsl(106 23% 89%)
- HWB
- hwb(106 86% 9%)
- OKLCH
- oklch(0.923 0.02 138.4)
- OKLab
- oklab(0.923 -0.015 0.014)
- CIE Lab
- lab(91.31 -5.19 5.12)
- LCH
- lch(91.31 7.3 135.4)
- CMYK
- cmyk(4% 0% 6% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2EBDF
- E5EDE3
- E9F0E6
- ECF2EA
- EFF4ED
- F2F6F1
- F5F8F4
- F9FBF8
- FCFDFB
Sắc đậm
- C2CBBF
- A5ADA3
- 8A9088
- 6F746E
- 565A54
- 3D413C
- 272926
- 121311
- 020302
Sắc xám
- D5DED2
- CBD3C9
- C2C8BF
- B8BEB6
- AEB3AD
- A5A9A4
- 9B9E9B
- 929492
- 898A89
Hòa sắc
Bổ túc +180°
- DFE9DC
Hint of Green
- EBE1EE
≈ Faded Fuchsia
Tương đồng -30° +30°
- DFE9DC
Hint of Green
- E6E7D8
≈ Shy Green
- D9EAE3
≈ Green Emulsion
Bộ ba +120° +240°
- DFE9DC
Hint of Green
- DDE6F3
≈ Crystal Falls
- F3E0E0
≈ Verbena
Bổ túc chia +150° +210°
- DFE9DC
Hint of Green
- E4E4F3
≈ Farsighted
- F1E0E8
≈ Pink Proposal
Bộ bốn +90° +180° +270°
- DFE9DC
Hint of Green
- D8E9F0
≈ Spacious Skies
- EBE1EE
≈ Faded Fuchsia
- F2E2DA
≈ Sitting Pretty
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.82:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-green: #dfe9dc;
--hint-of-green-rgb: 223 233 220;
--hint-of-green-oklch: oklch(0.923 0.02 138.4);
}
.element {
color: var(--hint-of-green);
background-color: hsl(106 23% 89%);
border-color: oklch(0.923 0.02 138.4);
}Tailwind CSS v4
@theme {
--color-hint-of-green: #dfe9dc;
--color-hint-of-green-50: #f2f7f1;
--color-hint-of-green-100: #e4eae3;
--color-hint-of-green-200: #d0d6ce;
--color-hint-of-green-300: #b2bab0;
--color-hint-of-green-400: #99a196;
--color-hint-of-green-500: #808a7d;
--color-hint-of-green-600: #6c746a;
--color-hint-of-green-700: #565d54;
--color-hint-of-green-800: #3f443d;
--color-hint-of-green-900: #2b2f2a;
--color-hint-of-green-950: #191c18;
}SCSS
$hint-of-green: #dfe9dc;
$hint-of-green-rgb: 223, 233, 220;
$hint-of-green-light: mix(#fff, $hint-of-green, 20%);
$hint-of-green-dark: mix(#000, $hint-of-green, 20%);
.element {
color: $hint-of-green;
box-shadow: 0 0 0 2px rgba($hint-of-green, 0.35);
}