Benannte Farbe · #BE7F51
Limonite
Limonite ist #BE7F51: rgb(190 127 81), hsl(25 46% 53%), oklch(0.651 0.1 56.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Limonite color name →
#BE7F51
oklch(0.651 0.1 56.1)
Farbumrechnungen
- HEX
- #be7f51
- RGB
- rgb(190 127 81)
- HSL
- hsl(25 46% 53%)
- HWB
- hwb(25 32% 25%)
- OKLCH
- oklch(0.651 0.1 56.1)
- OKLab
- oklab(0.651 0.056 0.083)
- CIE Lab
- lab(59.13 21.62 35.22)
- LCH
- lch(59.13 41.33 58.5)
- CMYK
- cmyk(0% 33% 57% 25%)
Tints · Shades · Tones
Tints
- C58C63
- CC9874
- D3A585
- DAB296
- E0BEA7
- E7CBB9
- EDD8CA
- F3E5DC
- F9F2ED
Shades
- A56E45
- 8C5D3A
- 754C2F
- 5E3C24
- 482D1A
- 331F10
- 1F1107
- 0D0602
- 020100
Tones
- B87F57
- B2805C
- AC8061
- A68066
- A0816B
- 9A816F
- 938174
- 8D8078
- 87807C
Farbharmonien
Komplementär +180°
- BE7F51
Limonite
- 4C99C4
≈ Mountain Bluebird
Analog -30° +30°
- BE7F51
Limonite
- C5776F
≈ Red Sparowes
- AB8B42
≈ Amber Green
Triadisch +120° +240°
- BE7F51
Limonite
- 3EA38D
≈ Marine Green
- 9583C6
≈ Amethyst Grey
Geteilt komplementär +150° +210°
- BE7F51
Limonite
- 2EA1AD
≈ Fischer Blue
- 738ECD
≈ Organza Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.34:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--limonite: #be7f51;
--limonite-rgb: 190 127 81;
--limonite-oklch: oklch(0.651 0.1 56.1);
}
.element {
color: var(--limonite);
background-color: hsl(25 46% 53%);
border-color: oklch(0.651 0.1 56.1);
}Tailwind CSS v4
@theme {
--color-limonite: #be7f51;
--color-limonite-50: #ffefda;
--color-limonite-100: #ffe0c8;
--color-limonite-200: #f6caab;
--color-limonite-300: #dfab85;
--color-limonite-400: #cc8f63;
--color-limonite-500: #b87340;
--color-limonite-600: #9b6237;
--color-limonite-700: #7d4e2b;
--color-limonite-800: #5d381f;
--color-limonite-900: #412714;
--color-limonite-950: #2a1506;
}SCSS
$limonite: #be7f51;
$limonite-rgb: 190, 127, 81;
$limonite-light: mix(#fff, $limonite, 20%);
$limonite-dark: mix(#000, $limonite, 20%);
.element {
color: $limonite;
box-shadow: 0 0 0 2px rgba($limonite, 0.35);
}