Nazwany kolor · #E7D3A1
Italian Straw
Italian Straw to #E7D3A1: rgb(231 211 161), hsl(43 59% 77%), oklch(0.871 0.069 88.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Italian Straw color name →
#E7D3A1
oklch(0.871 0.069 88.8)
Konwersje koloru
- HEX
- #e7d3a1
- RGB
- rgb(231 211 161)
- HSL
- hsl(43 59% 77%)
- HWB
- hwb(43 63% 9%)
- OKLCH
- oklch(0.871 0.069 88.8)
- OKLab
- oklab(0.871 0.001 0.069)
- CIE Lab
- lab(85.32 1.75 27.5)
- LCH
- lch(85.32 27.56 86.4)
- CMYK
- cmyk(0% 9% 30% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9D7AB
- ECDCB4
- EEE0BE
- F1E5C7
- F3E9D0
- F5EDDA
- F8F2E3
- FAF6EC
- FDFBF6
Odcienie ciemniejsze
- C9B78B
- AB9C76
- 8F8262
- 73694E
- 59513C
- 403A2A
- 282419
- 131009
- 030201
Tony
- DCCA9E
- D2C29B
- C7B998
- BDB195
- B2A991
- A8A08E
- 9E988B
- 949087
- 8A8884
Harmonie kolorów
Komplementarna +180°
- E7D3A1
Italian Straw
- C3D4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E7D3A1
Italian Straw
- F8CAA8
≈ Fresco Cream
- CFDCA9
≈ Chameleon
Triada +120° +240°
- E7D3A1
Italian Straw
- 9FE2ED
≈ Blizzard Blue
- EFC5EB
≈ Purple’s Baby Sister
Komplementarna rozszczepiona +150° +210°
- E7D3A1
Italian Straw
- ABDCFD
≈ Droplet
- DACBFD
≈ Foggy Heath
Tetrada +90° +180° +270°
- E7D3A1
Italian Straw
- A3E4D5
≈ Sea Glass Teal
- C3D4FF
≈ Pale Phthalo Blue
- FCC2D4
≈ Garden Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.23:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--italian-straw: #e7d3a1;
--italian-straw-rgb: 231 211 161;
--italian-straw-oklch: oklch(0.871 0.069 88.8);
}
.element {
color: var(--italian-straw);
background-color: hsl(43 59% 77%);
border-color: oklch(0.871 0.069 88.8);
}Tailwind CSS v4
@theme {
--color-italian-straw: #e7d3a1;
--color-italian-straw-50: #fcf5df;
--color-italian-straw-100: #f0e8cf;
--color-italian-straw-200: #dfd4b3;
--color-italian-straw-300: #c5b790;
--color-italian-straw-400: #af9d6f;
--color-italian-straw-500: #99844f;
--color-italian-straw-600: #817044;
--color-italian-straw-700: #675936;
--color-italian-straw-800: #4d4126;
--color-italian-straw-900: #352d19;
--color-italian-straw-950: #201a0a;
}SCSS
$italian-straw: #e7d3a1;
$italian-straw-rgb: 231, 211, 161;
$italian-straw-light: mix(#fff, $italian-straw, 20%);
$italian-straw-dark: mix(#000, $italian-straw, 20%);
.element {
color: $italian-straw;
box-shadow: 0 0 0 2px rgba($italian-straw, 0.35);
}