Màu có tên gần nhất · #DCD9AC
#DCD9AC
Màu có tên gần nhất: Virgin Olive Oil
#DCD9AC (rgb(220 217 172), hsl(56 41% 77%), oklch(0.876 0.059 104.4)) gần nhất với màu có tên Virgin Olive Oil. 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.
#DCD9AC
oklch(0.876 0.059 104.4)
Chuyển đổi màu
- HEX
- #dcd9ac
- RGB
- rgb(220 217 172)
- HSL
- hsl(56 41% 77%)
- HWB
- hwb(56 67% 14%)
- OKLCH
- oklch(0.876 0.059 104.4)
- OKLab
- oklab(0.876 -0.015 0.058)
- CIE Lab
- lab(86.09 -4.28 22.67)
- LCH
- lch(86.09 23.07 100.7)
- CMYK
- cmyk(0% 1% 22% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFDDB4
- E3E1BD
- E6E4C5
- EAE8CD
- EDECD6
- F1F0DE
- F4F4E6
- F8F7EE
- FBFBF7
Sắc đậm
- BFBC95
- A3A17F
- 888669
- 6E6C54
- 545340
- 3C3B2D
- 26251B
- 11110B
- 020201
Sắc xám
- D2D0A8
- C9C7A3
- BFBE9F
- B6B59B
- ADAC96
- A4A392
- 9B9A8D
- 929189
- 898985
Hòa sắc
Bổ túc +180°
- DCD9AC
Virgin Olive Oil
- D1D2FD
≈ Pale Phthalo Blue
Tương đồng -30° +30°
- DCD9AC
Virgin Olive Oil
- EED1AC
≈ Ceramic Beige
- C6E0B8
≈ Satin Green
Bộ ba +120° +240°
- DCD9AC
Virgin Olive Oil
- ADDFF4
≈ Azure Sky
- F4C7E0
≈ Laelia Pink
Bổ túc chia +150° +210°
- DCD9AC
Virgin Olive Oil
- BCD9FE
≈ Oh Boy!
- E5CBF2
≈ Mousse aux Pruneaux
Bộ bốn +90° +180° +270°
- DCD9AC
Virgin Olive Oil
- A9E3E2
≈ Ice Crystal Blue
- D1D2FD
≈ Pale Phthalo Blue
- FBC7CA
≈ Rosey Afterglow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.44:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.56:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--virgin-olive-oil: #dcd9ac;
--virgin-olive-oil-rgb: 220 217 172;
--virgin-olive-oil-oklch: oklch(0.876 0.059 104.4);
}
.element {
color: var(--virgin-olive-oil);
background-color: hsl(56 41% 77%);
border-color: oklch(0.876 0.059 104.4);
}Tailwind CSS v4
@theme {
--color-virgin-olive-oil: #dcd9ac;
--color-virgin-olive-oil-50: #f7f7e3;
--color-virgin-olive-oil-100: #eaead3;
--color-virgin-olive-oil-200: #d7d6ba;
--color-virgin-olive-oil-300: #bbba97;
--color-virgin-olive-oil-400: #a4a178;
--color-virgin-olive-oil-500: #8c895a;
--color-virgin-olive-oil-600: #77744c;
--color-virgin-olive-oil-700: #5f5c3d;
--color-virgin-olive-oil-800: #46432b;
--color-virgin-olive-oil-900: #312f1d;
--color-virgin-olive-oil-950: #1d1b0d;
}SCSS
$virgin-olive-oil: #dcd9ac;
$virgin-olive-oil-rgb: 220, 217, 172;
$virgin-olive-oil-light: mix(#fff, $virgin-olive-oil, 20%);
$virgin-olive-oil-dark: mix(#000, $virgin-olive-oil, 20%);
.element {
color: $virgin-olive-oil;
box-shadow: 0 0 0 2px rgba($virgin-olive-oil, 0.35);
}