Màu có tên gần nhất · #CFDCBF
#CFDCBF
Màu có tên gần nhất: Zen Garden
#CFDCBF (rgb(207 220 191), hsl(87 29% 81%), oklch(0.877 0.041 127)) gần nhất với màu có tên Zen Garden. 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.
#CFDCBF
oklch(0.877 0.041 127)
Chuyển đổi màu
- HEX
- #cfdcbf
- RGB
- rgb(207 220 191)
- HSL
- hsl(87 29% 81%)
- HWB
- hwb(87 75% 14%)
- OKLCH
- oklch(0.877 0.041 127)
- OKLab
- oklab(0.877 -0.025 0.033)
- CIE Lab
- lab(86.18 -8.35 12.74)
- LCH
- lch(86.18 15.24 123.2)
- CMYK
- cmyk(6% 0% 13% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4DFC5
- D8E3CC
- DDE6D2
- E2EAD8
- E7EDDF
- ECF1E5
- F0F4EC
- F5F8F2
- FAFBF9
Sắc đậm
- B4BFA6
- 99A38D
- 7F8875
- 676E5E
- 4F5448
- 383C33
- 23261F
- 10110D
- 020202
Sắc xám
- C7D2B9
- BFC9B2
- B7C0AC
- AFB6A5
- A7AD9F
- 9FA499
- 979B93
- 8F928C
- 888986
Hòa sắc
Bổ túc +180°
- CFDCBF
Zen Garden
- DDD0EC
≈ Shimmering Sky
Tương đồng -30° +30°
- CFDCBF
Zen Garden
- DED7B9
≈ Handmade Linen
- C1DFCC
≈ Luna Green
Bộ ba +120° +240°
- CFDCBF
Zen Garden
- C1DAF1
≈ Light Powder Blue
- F0CCD2
≈ Milkshake Pink
Bổ túc chia +150° +210°
- CFDCBF
Zen Garden
- CFD5F2
≈ Flax Bloom
- E9CDE1
≈ Sweety Pie
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.43:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.64:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--zen-garden: #cfdcbf;
--zen-garden-rgb: 207 220 191;
--zen-garden-oklch: oklch(0.877 0.041 127);
}
.element {
color: var(--zen-garden);
background-color: hsl(87 29% 81%);
border-color: oklch(0.877 0.041 127);
}Tailwind CSS v4
@theme {
--color-zen-garden: #cfdcbf;
--color-zen-garden-50: #f1f8eb;
--color-zen-garden-100: #e4ebdc;
--color-zen-garden-200: #cfd8c6;
--color-zen-garden-300: #b1bca6;
--color-zen-garden-400: #98a389;
--color-zen-garden-500: #7f8c6e;
--color-zen-garden-600: #6b765d;
--color-zen-garden-700: #565f4b;
--color-zen-garden-800: #3f4535;
--color-zen-garden-900: #2b3024;
--color-zen-garden-950: #191c13;
}SCSS
$zen-garden: #cfdcbf;
$zen-garden-rgb: 207, 220, 191;
$zen-garden-light: mix(#fff, $zen-garden, 20%);
$zen-garden-dark: mix(#000, $zen-garden, 20%);
.element {
color: $zen-garden;
box-shadow: 0 0 0 2px rgba($zen-garden, 0.35);
}