Cor nomeada · #E2D7B5
Afghan Hound
Afghan Hound é #E2D7B5: rgb(226 215 181), hsl(45 44% 80%), oklch(0.879 0.047 92.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Afghan Hound color name →
#E2D7B5
oklch(0.879 0.047 92.2)
Conversões de cor
- HEX
- #e2d7b5
- RGB
- rgb(226 215 181)
- HSL
- hsl(45 44% 80%)
- HWB
- hwb(45 71% 11%)
- OKLCH
- oklch(0.879 0.047 92.2)
- OKLab
- oklab(0.879 -0.002 0.047)
- CIE Lab
- lab(86.22 -0.1 18.29)
- LCH
- lch(86.22 18.29 90.3)
- CMYK
- cmyk(0% 5% 20% 11%)
Tons claros · Sombras · Tons
Tons claros
- E5DBBC
- E8DFC4
- EBE3CB
- EEE7D3
- F0EBDA
- F3EFE1
- F6F3E9
- F9F7F0
- FCFBF8
Sombras
- C4BB9D
- A89F86
- 8C856F
- 716B59
- 575244
- 3E3B30
- 27251D
- 12110C
- 030202
Tons
- D8CEB0
- CEC5AA
- C4BCA5
- BAB3A0
- B0AB9A
- A6A295
- 9C9990
- 93918B
- 898885
Harmonias de cor
Complementar +180°
- E2D7B5
Afghan Hound
- CCD6F7
≈ Flax Bloom
Análoga -30° +30°
- E2D7B5
Afghan Hound
- EED1B8
≈ Peach Purée
- D2DDBB
≈ Green Parlour
Tríade +120° +240°
- E2D7B5
Afghan Hound
- B5E0E9
≈ Minor Blue
- EBCDE5
≈ Sweet Dreams
Complementar dividida +150° +210°
- E2D7B5
Afghan Hound
- BDDCF4
≈ Greek Isles
- DDD1F2
≈ Japan Blush
Tétrade +90° +180° +270°
- E2D7B5
Afghan Hound
- B6E2DA
≈ Festival de Verano
- CCD6F7
≈ Flax Bloom
- F3CBD5
≈ Pink Lace
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.62:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--afghan-hound: #e2d7b5;
--afghan-hound-rgb: 226 215 181;
--afghan-hound-oklch: oklch(0.879 0.047 92.2);
}
.element {
color: var(--afghan-hound);
background-color: hsl(45 44% 80%);
border-color: oklch(0.879 0.047 92.2);
}Tailwind CSS v4
@theme {
--color-afghan-hound: #e2d7b5;
--color-afghan-hound-50: #f9f5e7;
--color-afghan-hound-100: #ede8d7;
--color-afghan-hound-200: #dad4be;
--color-afghan-hound-300: #bfb79d;
--color-afghan-hound-400: #a89e7f;
--color-afghan-hound-500: #918663;
--color-afghan-hound-600: #7b7154;
--color-afghan-hound-700: #625a43;
--color-afghan-hound-800: #494230;
--color-afghan-hound-900: #322d20;
--color-afghan-hound-950: #1e1a10;
}SCSS
$afghan-hound: #e2d7b5;
$afghan-hound-rgb: 226, 215, 181;
$afghan-hound-light: mix(#fff, $afghan-hound, 20%);
$afghan-hound-dark: mix(#000, $afghan-hound, 20%);
.element {
color: $afghan-hound;
box-shadow: 0 0 0 2px rgba($afghan-hound, 0.35);
}