Benannte Farbe · #BEA27D
Modern History
Modern History ist #BEA27D: rgb(190 162 125), hsl(34 33% 62%), oklch(0.728 0.06 74.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Modern History color name →
#BEA27D
oklch(0.728 0.06 74.4)
Farbumrechnungen
- HEX
- #bea27d
- RGB
- rgb(190 162 125)
- HSL
- hsl(34 33% 62%)
- HWB
- hwb(34 49% 25%)
- OKLCH
- oklch(0.728 0.06 74.4)
- OKLab
- oklab(0.728 0.016 0.058)
- CIE Lab
- lab(68.46 6.66 23.32)
- LCH
- lch(68.46 24.25 74.1)
- CMYK
- cmyk(0% 15% 34% 25%)
Tints · Shades · Tones
Tints
- C4AB8A
- CBB496
- D1BDA3
- D8C7B0
- DED0BD
- E5D9CA
- EBE3D7
- F2ECE4
- F8F5F2
Shades
- A58C6C
- 8C775B
- 75634B
- 5E4F3B
- 483C2C
- 332A1E
- 1F1911
- 0D0A05
- 020101
Tones
- B89F7E
- B19B7E
- AB987F
- A5947F
- 9F917F
- 998E80
- 928A80
- 8C8780
- 868380
Farbharmonien
Komplementär +180°
- BEA27D
Modern History
- 8DAACD
≈ Bachelor Blue
Analog -30° +30°
- BEA27D
Modern History
- C89C88
≈ Artefact
- ADAA7D
≈ Thimbleberry Leaf
Triadisch +120° +240°
- BEA27D
Modern History
- 79B3B2
≈ Kingfisher Turquoise
- B59CC2
≈ Crocus Petal
Geteilt komplementär +150° +210°
- BEA27D
Modern History
- 7DB0C3
≈ Heavenly
- A2A2CC
≈ Water Hyacinth
Tetradisch +90° +180° +270°
- BEA27D
Modern History
- 84B39D
≈ Mid-century Gem
- 8DAACD
≈ Bachelor Blue
- C398B0
≈ Lady’s Cushions Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.42:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.65:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--modern-history: #bea27d;
--modern-history-rgb: 190 162 125;
--modern-history-oklch: oklch(0.728 0.06 74.4);
}
.element {
color: var(--modern-history);
background-color: hsl(34 33% 62%);
border-color: oklch(0.728 0.06 74.4);
}Tailwind CSS v4
@theme {
--color-modern-history: #bea27d;
--color-modern-history-50: #fff3e3;
--color-modern-history-100: #f4e6d2;
--color-modern-history-200: #e3d1b8;
--color-modern-history-300: #c9b495;
--color-modern-history-400: #b49a77;
--color-modern-history-500: #9e8159;
--color-modern-history-600: #866d4b;
--color-modern-history-700: #6b573c;
--color-modern-history-800: #4f3f2b;
--color-modern-history-900: #372b1d;
--color-modern-history-950: #22190d;
}SCSS
$modern-history: #bea27d;
$modern-history-rgb: 190, 162, 125;
$modern-history-light: mix(#fff, $modern-history, 20%);
$modern-history-dark: mix(#000, $modern-history, 20%);
.element {
color: $modern-history;
box-shadow: 0 0 0 2px rgba($modern-history, 0.35);
}