Colore con nome · #E1C7A8
Persian Flatbread
Persian Flatbread è #E1C7A8: rgb(225 199 168), hsl(33 49% 77%), oklch(0.844 0.051 71.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Persian Flatbread color name →
#E1C7A8
oklch(0.844 0.051 71.9)
Conversioni di colore
- HEX
- #e1c7a8
- RGB
- rgb(225 199 168)
- HSL
- hsl(33 49% 77%)
- HWB
- hwb(33 66% 12%)
- OKLCH
- oklch(0.844 0.051 71.9)
- OKLab
- oklab(0.844 0.016 0.048)
- CIE Lab
- lab(81.88 6 19.12)
- LCH
- lch(81.88 20.04 72.6)
- CMYK
- cmyk(0% 12% 25% 12%)
Tinte · Ombre · Toni
Tinte
- E4CDB1
- E7D2B9
- EAD8C2
- EDDDCB
- F0E3D3
- F3E8DC
- F6EEE5
- F9F4ED
- FCF9F6
Ombre
- C4AD92
- A7937C
- 8B7A67
- 706252
- 564C3F
- 3E362C
- 27211A
- 120E0A
- 020201
Toni
- D7C0A4
- CDB8A0
- C3B19C
- B9AA98
- AFA394
- A69C90
- 9C958C
- 938E88
- 898784
Armonie di colore
Complementare +180°
- E1C7A8
Persian Flatbread
- B4CFED
≈ Frost Fairy
Analogo -30° +30°
- E1C7A8
Persian Flatbread
- EAC2B2
≈ Mellow Marrow
- D2CDA8
≈ Hybrid
Triadico +120° +240°
- E1C7A8
Persian Flatbread
- A6D7D4
≈ Sinbad
- D7C3E4
≈ Epiphany
Complementare divisa +150° +210°
- E1C7A8
Persian Flatbread
- A8D4E4
≈ Light Blue Glint
- C6C8ED
≈ Soap
Tetradico +90° +180° +270°
- E1C7A8
Persian Flatbread
- AFD7C2
≈ Chlorophyll Cream
- B4CFED
≈ Frost Fairy
- E4BFD5
≈ Dog Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.93:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--persian-flatbread: #e1c7a8;
--persian-flatbread-rgb: 225 199 168;
--persian-flatbread-oklch: oklch(0.844 0.051 71.9);
}
.element {
color: var(--persian-flatbread);
background-color: hsl(33 49% 77%);
border-color: oklch(0.844 0.051 71.9);
}Tailwind CSS v4
@theme {
--color-persian-flatbread: #e1c7a8;
--color-persian-flatbread-50: #fef3e6;
--color-persian-flatbread-100: #f2e6d6;
--color-persian-flatbread-200: #e2d2bd;
--color-persian-flatbread-300: #c7b49b;
--color-persian-flatbread-400: #b29a7e;
--color-persian-flatbread-500: #9c8161;
--color-persian-flatbread-600: #846d52;
--color-persian-flatbread-700: #695742;
--color-persian-flatbread-800: #4e3f2f;
--color-persian-flatbread-900: #362c20;
--color-persian-flatbread-950: #21190f;
}SCSS
$persian-flatbread: #e1c7a8;
$persian-flatbread-rgb: 225, 199, 168;
$persian-flatbread-light: mix(#fff, $persian-flatbread, 20%);
$persian-flatbread-dark: mix(#000, $persian-flatbread, 20%);
.element {
color: $persian-flatbread;
box-shadow: 0 0 0 2px rgba($persian-flatbread, 0.35);
}