Benannte Farbe · #BE9677
Warm Hearth
Warm Hearth ist #BE9677: rgb(190 150 119), hsl(26 35% 61%), oklch(0.703 0.065 59.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Warm Hearth color name →
#BE9677
oklch(0.703 0.065 59.2)
Farbumrechnungen
- HEX
- #be9677
- RGB
- rgb(190 150 119)
- HSL
- hsl(26 35% 61%)
- HWB
- hwb(26 47% 25%)
- OKLCH
- oklch(0.703 0.065 59.2)
- OKLab
- oklab(0.703 0.033 0.056)
- CIE Lab
- lab(65.31 12.33 22.41)
- LCH
- lch(65.31 25.58 61.2)
- CMYK
- cmyk(0% 21% 37% 25%)
Tints · Shades · Tones
Tints
- C5A084
- CBAA91
- D2B59F
- D8BFAC
- DFCABA
- E5D4C7
- ECDFD5
- F2E9E3
- F9F4F1
Shades
- A58267
- 8C6E57
- 755B47
- 5E4938
- 48372A
- 33261C
- 1F1610
- 0D0805
- 020101
Tones
- B89478
- B29279
- AB907A
- A58D7B
- 9F8B7C
- 99897D
- 93877E
- 8C857F
- 86827F
Farbharmonien
Komplementär +180°
- BE9677
Warm Hearth
- 7AA5C4
≈ Afloat
Analog -30° +30°
- BE9677
Warm Hearth
- C49088
≈ Evening Blush
- AF9E71
≈ Golden Sage
Triadisch +120° +240°
- BE9677
Warm Hearth
- 72ADA0
≈ Turquoise Fantasies
- A597C2
≈ Bloomsberry
Geteilt komplementär +150° +210°
- BE9677
Warm Hearth
- 6EABB5
≈ Smoky Mountain Spring
- 8F9EC8
≈ Blue Heron
Tetradisch +90° +180° +270°
- BE9677
Warm Hearth
- 83AB8A
≈ Adventurine
- 7AA5C4
≈ Afloat
- B691B3
≈ Tiny Ribbons
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.68:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.81:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.81:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--warm-hearth: #be9677;
--warm-hearth-rgb: 190 150 119;
--warm-hearth-oklch: oklch(0.703 0.065 59.2);
}
.element {
color: var(--warm-hearth);
background-color: hsl(26 35% 61%);
border-color: oklch(0.703 0.065 59.2);
}Tailwind CSS v4
@theme {
--color-warm-hearth: #be9677;
--color-warm-hearth-50: #fff1e3;
--color-warm-hearth-100: #f9e4d3;
--color-warm-hearth-200: #e9cfb9;
--color-warm-hearth-300: #d0b096;
--color-warm-hearth-400: #bc9678;
--color-warm-hearth-500: #a77c5a;
--color-warm-hearth-600: #8d694d;
--color-warm-hearth-700: #71543d;
--color-warm-hearth-800: #543d2c;
--color-warm-hearth-900: #3a2a1e;
--color-warm-hearth-950: #24170e;
}SCSS
$warm-hearth: #be9677;
$warm-hearth-rgb: 190, 150, 119;
$warm-hearth-light: mix(#fff, $warm-hearth, 20%);
$warm-hearth-dark: mix(#000, $warm-hearth, 20%);
.element {
color: $warm-hearth;
box-shadow: 0 0 0 2px rgba($warm-hearth, 0.35);
}