Cor nomeada · #DFC2AA
Tailor’s Buff
Tailor’s Buff é #DFC2AA: rgb(223 194 170), hsl(27 45% 77%), oklch(0.832 0.046 61.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tailor’s Buff color name →
#DFC2AA
oklch(0.832 0.046 61.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E2C8B2
- E6CEBB
- E9D4C3
- ECDACC
- EFE0D4
- F2E6DD
- F6EDE5
- F9F3EE
- FCF9F6
Sombras
- C2A893
- A58F7D
- 8A7768
- 6F6053
- 56493F
- 3D342D
- 27201B
- 120E0B
- 020201
Tons
- D5BBA6
- CBB4A2
- C2AE9D
- B8A799
- AFA195
- A59A91
- 9C938D
- 928D88
- 898684
Harmonias de cor
Complementar +180°
- DFC2AA
Tailor’s Buff
- AECDE4
≈ Frosty Snow Cap
Análoga -30° +30°
- DFC2AA
Tailor’s Buff
- E5BEB6
≈ Positively Pink
- D3C8A6
≈ Sanctuary
Tríade +120° +240°
- DFC2AA
Tailor’s Buff
- A8D3CA
≈ Feeling Lucky
- CDC2E2
≈ Party Hat
Complementar dividida +150° +210°
- DFC2AA
Tailor’s Buff
- A6D1DA
≈ Aqua Frost
- BDC7E7
≈ Pale Wisteria
Tétrade +90° +180° +270°
- DFC2AA
Tailor’s Buff
- B3D1B9
≈ Pitcher
- AECDE4
≈ Frosty Snow Cap
- DBBED6
≈ Ooh la La
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.43:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
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);
}