Nazwany kolor · #BEA27D
Modern History
Modern History to #BEA27D: rgb(190 162 125), hsl(34 33% 62%), oklch(0.728 0.06 74.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Modern History color name →
#BEA27D
oklch(0.728 0.06 74.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4AB8A
- CBB496
- D1BDA3
- D8C7B0
- DED0BD
- E5D9CA
- EBE3D7
- F2ECE4
- F8F5F2
Odcienie ciemniejsze
- A58C6C
- 8C775B
- 75634B
- 5E4F3B
- 483C2C
- 332A1E
- 1F1911
- 0D0A05
- 020101
Tony
- B89F7E
- B19B7E
- AB987F
- A5947F
- 9F917F
- 998E80
- 928A80
- 8C8780
- 868380
Harmonie kolorów
Komplementarna +180°
- BEA27D
Modern History
- 8DAACD
≈ Bachelor Blue
Analogowa -30° +30°
- BEA27D
Modern History
- C89C88
≈ Artefact
- ADAA7D
≈ Thimbleberry Leaf
Triada +120° +240°
- BEA27D
Modern History
- 79B3B2
≈ Kingfisher Turquoise
- B59CC2
≈ Crocus Petal
Komplementarna rozszczepiona +150° +210°
- BEA27D
Modern History
- 7DB0C3
≈ Heavenly
- A2A2CC
≈ Water Hyacinth
Tetrada +90° +180° +270°
- BEA27D
Modern History
- 84B39D
≈ Mid-century Gem
- 8DAACD
≈ Bachelor Blue
- C398B0
≈ Lady’s Cushions Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.65:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}