Colore con nome · #E8CD9A
Chamois
Chamois è #E8CD9A: rgb(232 205 154), hsl(39 63% 76%), oklch(0.859 0.073 83.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Chamois color name →
#E8CD9A
oklch(0.859 0.073 83.1)
Conversioni di colore
- HEX
- #e8cd9a
- RGB
- rgb(232 205 154)
- HSL
- hsl(39 63% 76%)
- HWB
- hwb(39 60% 9%)
- OKLCH
- oklch(0.859 0.073 83.1)
- OKLab
- oklab(0.859 0.009 0.072)
- CIE Lab
- lab(83.8 4.44 29.12)
- LCH
- lch(83.8 29.46 81.3)
- CMYK
- cmyk(0% 12% 34% 9%)
Tinte · Ombre · Toni
Tinte
- EAD2A4
- EDD7AF
- EFDCB9
- F1E1C3
- F4E6CD
- F6EBD7
- F8F0E1
- FAF5EB
- FDFAF5
Ombre
- CAB285
- AC9871
- 907E5E
- 74664B
- 594E39
- 403827
- 292317
- 130F09
- 030201
Toni
- DDC598
- D2BD95
- C8B593
- BDAE91
- B3A68E
- A89E8B
- 9E9789
- 948F86
- 8A8783
Armonie di colore
Complementare +180°
- E8CD9A
Chamois
- B9D1FF
≈ Ice Cold Stare
Analogo -30° +30°
- E8CD9A
Chamois
- F8C4A4
≈ Peach Damask
- D0D69F
≈ Misty Bead
Triadico +120° +240°
Complementare divisa +150° +210°
- E8CD9A
Chamois
- A1DAF9
≈ Shiva Blue
- D2C8FD
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.63:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--chamois: #e8cd9a;
--chamois-rgb: 232 205 154;
--chamois-oklch: oklch(0.859 0.073 83.1);
}
.element {
color: var(--chamois);
background-color: hsl(39 63% 76%);
border-color: oklch(0.859 0.073 83.1);
}Tailwind CSS v4
@theme {
--color-chamois: #e8cd9a;
--color-chamois-50: #fff4de;
--color-chamois-100: #f3e7cd;
--color-chamois-200: #e3d3b1;
--color-chamois-300: #c9b58d;
--color-chamois-400: #b39b6c;
--color-chamois-500: #9e824b;
--color-chamois-600: #856e41;
--color-chamois-700: #6b5833;
--color-chamois-800: #4f4024;
--color-chamois-900: #372c18;
--color-chamois-950: #221909;
}SCSS
$chamois: #e8cd9a;
$chamois-rgb: 232, 205, 154;
$chamois-light: mix(#fff, $chamois, 20%);
$chamois-dark: mix(#000, $chamois, 20%);
.element {
color: $chamois;
box-shadow: 0 0 0 2px rgba($chamois, 0.35);
}