Màu có tên · #DFD0C0
Shetland Lace
Shetland Lace là #DFD0C0: rgb(223 208 192), hsl(31 33% 81%), oklch(0.865 0.027 69.3). 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.
What does Gray mean? → · Shetland Lace color name →
#DFD0C0
oklch(0.865 0.027 69.3)
Chuyển đổi màu
- HEX
- #dfd0c0
- RGB
- rgb(223 208 192)
- HSL
- hsl(31 33% 81%)
- HWB
- hwb(31 75% 13%)
- OKLCH
- oklch(0.865 0.027 69.3)
- OKLab
- oklab(0.865 0.01 0.026)
- CIE Lab
- lab(84.4 3.43 9.95)
- LCH
- lch(84.4 10.52 71)
- CMYK
- cmyk(0% 7% 14% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2D5C6
- E5D9CC
- E9DED3
- ECE3D9
- EFE7DF
- F2ECE6
- F5F1EC
- F9F5F2
- FCFAF9
Sắc đậm
- C2B5A7
- A59A8E
- 8A8076
- 6F675F
- 564F49
- 3D3934
- 272320
- 12100E
- 020202
Sắc xám
- D5C8B9
- CBBFB3
- C2B7AC
- B8AFA6
- AEA7A0
- A59F99
- 9C9793
- 928F8C
- 898886
Hòa sắc
Bổ túc +180°
- DFD0C0
Shetland Lace
- C6D5E4
≈ Defenestration
Tương đồng -30° +30°
- DFD0C0
Shetland Lace
- E4CDC6
≈ Ginger Shortbread
- D7D3BF
≈ Barest Celadon
Bộ ba +120° +240°
- DFD0C0
Shetland Lace
- BFD9D6
≈ Meander Blue
- D8CEE1
≈ Mountain’s Majesty
Bổ túc chia +150° +210°
- DFD0C0
Shetland Lace
- C0D7DF
≈ Falling Tears
- CED1E5
≈ Bashful Lilac
Bộ bốn +90° +180° +270°
- DFD0C0
Shetland Lace
- C4D9CC
≈ Snow Goose
- C6D5E4
≈ Defenestration
- E0CCD9
≈ Cassia Buds
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.50:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.92:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--shetland-lace: #dfd0c0;
--shetland-lace-rgb: 223 208 192;
--shetland-lace-oklch: oklch(0.865 0.027 69.3);
}
.element {
color: var(--shetland-lace);
background-color: hsl(31 33% 81%);
border-color: oklch(0.865 0.027 69.3);
}Tailwind CSS v4
@theme {
--color-shetland-lace: #dfd0c0;
--color-shetland-lace-50: #faf4ed;
--color-shetland-lace-100: #eee7de;
--color-shetland-lace-200: #dcd3c8;
--color-shetland-lace-300: #c1b5a9;
--color-shetland-lace-400: #a99c8d;
--color-shetland-lace-500: #928373;
--color-shetland-lace-600: #7c6f61;
--color-shetland-lace-700: #63594e;
--color-shetland-lace-800: #494138;
--color-shetland-lace-900: #332d27;
--color-shetland-lace-950: #1e1a15;
}SCSS
$shetland-lace: #dfd0c0;
$shetland-lace-rgb: 223, 208, 192;
$shetland-lace-light: mix(#fff, $shetland-lace, 20%);
$shetland-lace-dark: mix(#000, $shetland-lace, 20%);
.element {
color: $shetland-lace;
box-shadow: 0 0 0 2px rgba($shetland-lace, 0.35);
}