Benannte Farbe · #E2C28D
Lira
Lira ist #E2C28D: rgb(226 194 141), hsl(37 59% 72%), oklch(0.829 0.078 79.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Lira color name →
#E2C28D
oklch(0.829 0.078 79.9)
Farbumrechnungen
- HEX
- #e2c28d
- RGB
- rgb(226 194 141)
- HSL
- hsl(37 59% 72%)
- HWB
- hwb(37 55% 11%)
- OKLCH
- oklch(0.829 0.078 79.9)
- OKLab
- oklab(0.829 0.014 0.077)
- CIE Lab
- lab(80.3 6.39 31.14)
- LCH
- lch(80.3 31.78 78.4)
- CMYK
- cmyk(0% 14% 38% 11%)
Tints · Shades · Tones
Tints
- E5C899
- E8CEA4
- EBD4B0
- EEDABB
- F1E1C6
- F4E7D2
- F7EDDD
- F9F3E8
- FCF9F4
Shades
- C4A87A
- A88F67
- 8C7755
- 716044
- 574933
- 3E3423
- 272014
- 120E07
- 030201
Tones
- D8BB8C
- CEB58B
- C4AE8A
- BAA789
- B0A188
- A69A87
- 9D9485
- 938D83
- 898682
Farbharmonien
Komplementär +180°
- E2C28D
Lira
- AAC8FA
≈ Night Snow
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.70:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.33:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--lira: #e2c28d;
--lira-rgb: 226 194 141;
--lira-oklch: oklch(0.829 0.078 79.9);
}
.element {
color: var(--lira);
background-color: hsl(37 59% 72%);
border-color: oklch(0.829 0.078 79.9);
}Tailwind CSS v4
@theme {
--color-lira: #e2c28d;
--color-lira-50: #fff4dd;
--color-lira-100: #f5e6cb;
--color-lira-200: #e5d2af;
--color-lira-300: #ccb48a;
--color-lira-400: #b79a69;
--color-lira-500: #a18047;
--color-lira-600: #886d3d;
--color-lira-700: #6d5730;
--color-lira-800: #513f22;
--color-lira-900: #392b16;
--color-lira-950: #231908;
}SCSS
$lira: #e2c28d;
$lira-rgb: 226, 194, 141;
$lira-light: mix(#fff, $lira, 20%);
$lira-dark: mix(#000, $lira, 20%);
.element {
color: $lira;
box-shadow: 0 0 0 2px rgba($lira, 0.35);
}