Benannte Farbe · #E47237
Invigorate
Invigorate ist #E47237: rgb(228 114 55), hsl(20 76% 55%), oklch(0.676 0.159 45.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Invigorate color name →
#E47237
oklch(0.676 0.159 45.5)
Farbumrechnungen
- HEX
- #e47237
- RGB
- rgb(228 114 55)
- HSL
- hsl(20 76% 55%)
- HWB
- hwb(20 22% 11%)
- OKLCH
- oklch(0.676 0.159 45.5)
- OKLab
- oklab(0.676 0.111 0.113)
- CIE Lab
- lab(61.27 42.49 52.42)
- LCH
- lch(61.27 67.47 51)
- CMYK
- cmyk(0% 50% 76% 11%)
Tints · Shades · Tones
Tints
- E8814F
- EC9064
- F09E78
- F3AC8C
- F6BA9F
- F9C8B2
- FBD6C5
- FDE4D8
- FEF1EC
Shades
- C6622E
- A95326
- 8D441E
- 723616
- 58280F
- 3F1B08
- 280E03
- 120401
- 030100
Tones
- DB7542
- D1774C
- C87954
- BE7B5C
- B47C63
- AA7D69
- A07E6F
- 967F75
- 8B807B
Farbharmonien
Komplementär +180°
- E47237
Invigorate
- 00A6D3
≈ Malibu Blue
Analog -30° +30°
- E47237
Invigorate
- E86876
≈ Sun-Kissed Coral
- C98800
≈ Lobster Butter Sauce
Triadisch +120° +240°
- E47237
Invigorate
- 00B282
≈ Dark Mountain Meadow
- 8F85F3
≈ Lavender Blue Shadow
Geteilt komplementär +150° +210°
- E47237
Invigorate
- 00ACAD
≈ Fiji
- 4D98F6
≈ Polar Glow
Tetradisch +90° +180° +270°
- E47237
Invigorate
- 68AC3F
≈ Leaf
- 00A6D3
≈ Malibu Blue
- BC75D9
≈ Lavender Blossom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.10:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.76:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--invigorate: #e47237;
--invigorate-rgb: 228 114 55;
--invigorate-oklch: oklch(0.676 0.159 45.5);
}
.element {
color: var(--invigorate);
background-color: hsl(20 76% 55%);
border-color: oklch(0.676 0.159 45.5);
}Tailwind CSS v4
@theme {
--color-invigorate: #e47237;
--color-invigorate-50: #ffe8cf;
--color-invigorate-100: #ffd9bb;
--color-invigorate-200: #ffc099;
--color-invigorate-300: #f99d6e;
--color-invigorate-400: #e97c46;
--color-invigorate-500: #d75b03;
--color-invigorate-600: #b64e0c;
--color-invigorate-700: #923e0b;
--color-invigorate-800: #6d2b09;
--color-invigorate-900: #4d1d06;
--color-invigorate-950: #330d00;
}SCSS
$invigorate: #e47237;
$invigorate-rgb: 228, 114, 55;
$invigorate-light: mix(#fff, $invigorate, 20%);
$invigorate-dark: mix(#000, $invigorate, 20%);
.element {
color: $invigorate;
box-shadow: 0 0 0 2px rgba($invigorate, 0.35);
}