Benannte Farbe · #E0B54A
Up in Flames
Up in Flames ist #E0B54A: rgb(224 181 74), hsl(43 71% 58%), oklch(0.792 0.132 86.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Up in Flames color name →
#E0B54A
oklch(0.792 0.132 86.8)
Farbumrechnungen
- HEX
- #e0b54a
- RGB
- rgb(224 181 74)
- HSL
- hsl(43 71% 58%)
- HWB
- hwb(43 29% 12%)
- OKLCH
- oklch(0.792 0.132 86.8)
- OKLab
- oklab(0.792 0.007 0.132)
- CIE Lab
- lab(76.15 7.91 58.55)
- LCH
- lch(76.15 59.08 82.3)
- CMYK
- cmyk(0% 19% 67% 12%)
Tints · Shades · Tones
Tints
- E3BD61
- E6C475
- EACC88
- EDD39A
- F0DBAB
- F3E2BC
- F6E9CD
- F9F1DE
- FCF8EE
Shades
- C39D3F
- A68635
- 8A6F2A
- 705920
- 564417
- 3E300E
- 271D06
- 120C02
- 020200
Tones
- D6B054
- CCAB5C
- C2A562
- B9A068
- AF9B6D
- A69672
- 9C9076
- 938B7A
- 89857D
Farbharmonien
Komplementär +180°
- E0B54A
Up in Flames
- 9DB9FF
≈ Truesky Gloxym
Analog -30° +30°
- E0B54A
Up in Flames
- FBA461
≈ Usukō
- B6C65C
≈ Green Glow
Triadisch +120° +240°
- E0B54A
Up in Flames
- 1CD3E6
≈ Aztec Turquoise
- E89CE8
≈ Diva Mecha
Geteilt komplementär +150° +210°
- E0B54A
Up in Flames
- 66C7FF
≈ Skyan
- C3ABFF
≈ Purple Hepatica
Tetradisch +90° +180° +270°
- E0B54A
Up in Flames
- 3DD7B9
≈ Channel Marker Green
- 9DB9FF
≈ Truesky Gloxym
- FE96BD
≈ Saira Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.87:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.87:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--up-in-flames: #e0b54a;
--up-in-flames-rgb: 224 181 74;
--up-in-flames-oklch: oklch(0.792 0.132 86.8);
}
.element {
color: var(--up-in-flames);
background-color: hsl(43 71% 58%);
border-color: oklch(0.792 0.132 86.8);
}Tailwind CSS v4
@theme {
--color-up-in-flames: #e0b54a;
--color-up-in-flames-50: #fff4cb;
--color-up-in-flames-100: #fae6b6;
--color-up-in-flames-200: #ebd292;
--color-up-in-flames-300: #d3b464;
--color-up-in-flames-400: #c09831;
--color-up-in-flames-500: #ac7e00;
--color-up-in-flames-600: #916b00;
--color-up-in-flames-700: #745500;
--color-up-in-flames-800: #573e00;
--color-up-in-flames-900: #3d2a00;
--color-up-in-flames-950: #261800;
}SCSS
$up-in-flames: #e0b54a;
$up-in-flames-rgb: 224, 181, 74;
$up-in-flames-light: mix(#fff, $up-in-flames, 20%);
$up-in-flames-dark: mix(#000, $up-in-flames, 20%);
.element {
color: $up-in-flames;
box-shadow: 0 0 0 2px rgba($up-in-flames, 0.35);
}