Màu có tên · #DFC2AA
Tailor’s Buff
Tailor’s Buff là #DFC2AA: rgb(223 194 170), hsl(27 45% 77%), oklch(0.832 0.046 61.7). 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 Orange mean? → · Tailor’s Buff color name →
#DFC2AA
oklch(0.832 0.046 61.7)
Chuyển đổi màu
- HEX
- #dfc2aa
- RGB
- rgb(223 194 170)
- HSL
- hsl(27 45% 77%)
- HWB
- hwb(27 67% 13%)
- OKLCH
- oklch(0.832 0.046 61.7)
- OKLab
- oklab(0.832 0.022 0.041)
- CIE Lab
- lab(80.48 7.92 16.11)
- LCH
- lch(80.48 17.95 63.8)
- CMYK
- cmyk(0% 13% 24% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2C8B2
- E6CEBB
- E9D4C3
- ECDACC
- EFE0D4
- F2E6DD
- F6EDE5
- F9F3EE
- FCF9F6
Sắc đậm
- C2A893
- A58F7D
- 8A7768
- 6F6053
- 56493F
- 3D342D
- 27201B
- 120E0B
- 020201
Sắc xám
- D5BBA6
- CBB4A2
- C2AE9D
- B8A799
- AFA195
- A59A91
- 9C938D
- 928D88
- 898684
Hòa sắc
Bổ túc +180°
- DFC2AA
Tailor’s Buff
- AECDE4
≈ Frosty Snow Cap
Tương đồng -30° +30°
- DFC2AA
Tailor’s Buff
- E5BEB6
≈ Positively Pink
- D3C8A6
≈ Sanctuary
Bộ ba +120° +240°
- DFC2AA
Tailor’s Buff
- A8D3CA
≈ Feeling Lucky
- CDC2E2
≈ Party Hat
Bổ túc chia +150° +210°
- DFC2AA
Tailor’s Buff
- A6D1DA
≈ Aqua Frost
- BDC7E7
≈ Pale Wisteria
Bộ bốn +90° +180° +270°
- DFC2AA
Tailor’s Buff
- B3D1B9
≈ Pitcher
- AECDE4
≈ Frosty Snow Cap
- DBBED6
≈ Ooh la La
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.68:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.43:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--tailor-s-buff: #dfc2aa;
--tailor-s-buff-rgb: 223 194 170;
--tailor-s-buff-oklch: oklch(0.832 0.046 61.7);
}
.element {
color: var(--tailor-s-buff);
background-color: hsl(27 45% 77%);
border-color: oklch(0.832 0.046 61.7);
}Tailwind CSS v4
@theme {
--color-tailor-s-buff: #dfc2aa;
--color-tailor-s-buff-50: #fff3e8;
--color-tailor-s-buff-100: #f3e5d8;
--color-tailor-s-buff-200: #e3d1c0;
--color-tailor-s-buff-300: #c9b39f;
--color-tailor-s-buff-400: #b39983;
--color-tailor-s-buff-500: #9d8067;
--color-tailor-s-buff-600: #856c57;
--color-tailor-s-buff-700: #6a5646;
--color-tailor-s-buff-800: #4f3f32;
--color-tailor-s-buff-900: #372b22;
--color-tailor-s-buff-950: #221811;
}SCSS
$tailor-s-buff: #dfc2aa;
$tailor-s-buff-rgb: 223, 194, 170;
$tailor-s-buff-light: mix(#fff, $tailor-s-buff, 20%);
$tailor-s-buff-dark: mix(#000, $tailor-s-buff, 20%);
.element {
color: $tailor-s-buff;
box-shadow: 0 0 0 2px rgba($tailor-s-buff, 0.35);
}