Cor nomeada · #EFDCD4
American Yorkshire
American Yorkshire é #EFDCD4: rgb(239 220 212), hsl(18 46% 88%), oklch(0.908 0.024 44.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · American Yorkshire color name →
#EFDCD4
oklch(0.908 0.024 44.3)
Conversões de cor
- HEX
- #efdcd4
- RGB
- rgb(239 220 212)
- HSL
- hsl(18 46% 88%)
- HWB
- hwb(18 83% 6%)
- OKLCH
- oklch(0.908 0.024 44.3)
- OKLab
- oklab(0.908 0.017 0.017)
- CIE Lab
- lab(89.16 5.78 6.43)
- LCH
- lch(89.16 8.64 48.1)
- CMYK
- cmyk(0% 8% 11% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1DFD8
- F2E3DD
- F4E6E1
- F6EAE5
- F7EDE9
- F9F1EE
- FAF4F2
- FCF8F6
- FDFBFB
Sombras
- D0BFB8
- B1A39D
- 948883
- 786E69
- 5C5451
- 423C3A
- 2A2624
- 141110
- 030202
Tons
- E3D2CB
- D8C9C3
- CCBFBA
- C1B6B2
- B6ADA9
- ABA4A1
- A09B98
- 959290
- 8B8988
Harmonias de cor
Complementar +180°
- EFDCD4
American Yorkshire
- D1E4EC
≈ Mystic Harbour
Análoga -30° +30°
- EFDCD4
American Yorkshire
- F0DBDC
≈ Lover’s Knot
- EADFD0
≈ Bobcat Whiskers
Tríade +120° +240°
- EFDCD4
American Yorkshire
- D3E6DC
≈ Summer Breeze
- DEDFF0
≈ Lower Lavender
Complementar dividida +150° +210°
- EFDCD4
American Yorkshire
- CFE6E5
≈ Ventilated
- D6E2F0
≈ Blooming Aster
Tétrade +90° +180° +270°
- EFDCD4
American Yorkshire
- DAE4D5
≈ Lightest Sky
- D1E4EC
≈ Mystic Harbour
- E6DCEC
≈ Princess Fairy Tale
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.85:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--american-yorkshire: #efdcd4;
--american-yorkshire-rgb: 239 220 212;
--american-yorkshire-oklch: oklch(0.908 0.024 44.3);
}
.element {
color: var(--american-yorkshire);
background-color: hsl(18 46% 88%);
border-color: oklch(0.908 0.024 44.3);
}Tailwind CSS v4
@theme {
--color-american-yorkshire: #efdcd4;
--color-american-yorkshire-50: #fbf3ef;
--color-american-yorkshire-100: #efe6e1;
--color-american-yorkshire-200: #ddd1cc;
--color-american-yorkshire-300: #c2b4ad;
--color-american-yorkshire-400: #ab9a93;
--color-american-yorkshire-500: #94827a;
--color-american-yorkshire-600: #7e6e67;
--color-american-yorkshire-700: #645852;
--color-american-yorkshire-800: #4a403c;
--color-american-yorkshire-900: #332c29;
--color-american-yorkshire-950: #1f1917;
}SCSS
$american-yorkshire: #efdcd4;
$american-yorkshire-rgb: 239, 220, 212;
$american-yorkshire-light: mix(#fff, $american-yorkshire, 20%);
$american-yorkshire-dark: mix(#000, $american-yorkshire, 20%);
.element {
color: $american-yorkshire;
box-shadow: 0 0 0 2px rgba($american-yorkshire, 0.35);
}