Nazwany kolor · #BEA27B
Season Finale
Season Finale to #BEA27B: rgb(190 162 123), hsl(35 34% 61%), oklch(0.727 0.062 75.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Season Finale color name →
#BEA27B
oklch(0.727 0.062 75.7)
Konwersje koloru
- HEX
- #bea27b
- RGB
- rgb(190 162 123)
- HSL
- hsl(35 34% 61%)
- HWB
- hwb(35 48% 25%)
- OKLCH
- oklch(0.727 0.062 75.7)
- OKLab
- oklab(0.727 0.015 0.061)
- CIE Lab
- lab(68.43 6.48 24.36)
- LCH
- lch(68.43 25.2 75.1)
- CMYK
- cmyk(0% 15% 35% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4AB88
- CBB495
- D1BDA2
- D8C7AF
- DED0BC
- E5D9C9
- EBE3D7
- F2ECE4
- F8F5F1
Odcienie ciemniejsze
- A58C6A
- 8C775A
- 75634A
- 5E4F3A
- 483C2C
- 332A1E
- 1F1910
- 0D0A05
- 020101
Tony
- B89F7C
- B19B7D
- AB987D
- A5947E
- 9F917E
- 998E7F
- 928A7F
- 8C8780
- 868380
Harmonie kolorów
Komplementarna +180°
- BEA27B
Season Finale
- 8DA9CE
≈ Old World
Analogowa -30° +30°
- BEA27B
Season Finale
- C99B86
≈ Artefact
- ACAA7C
≈ Thimbleberry Leaf
Triada +120° +240°
- BEA27B
Season Finale
- 77B4B3
≈ Kingfisher Turquoise
- B69BC2
≈ Crocus Petal
Komplementarna rozszczepiona +150° +210°
- BEA27B
Season Finale
- 7CB0C5
≈ Frisky Blue
- A3A2CD
≈ Water Hyacinth
Tetrada +90° +180° +270°
- BEA27B
Season Finale
- 81B49E
≈ Mid-century Gem
- 8DA9CE
≈ Old World
- C598AF
≈ Lady’s Cushions Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.64:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--season-finale: #bea27b;
--season-finale-rgb: 190 162 123;
--season-finale-oklch: oklch(0.727 0.062 75.7);
}
.element {
color: var(--season-finale);
background-color: hsl(35 34% 61%);
border-color: oklch(0.727 0.062 75.7);
}Tailwind CSS v4
@theme {
--color-season-finale: #bea27b;
--color-season-finale-50: #fff3e2;
--color-season-finale-100: #f4e6d1;
--color-season-finale-200: #e3d2b7;
--color-season-finale-300: #c9b494;
--color-season-finale-400: #b49a75;
--color-season-finale-500: #9e8156;
--color-season-finale-600: #866d4a;
--color-season-finale-700: #6b573b;
--color-season-finale-800: #503f2a;
--color-season-finale-900: #372c1c;
--color-season-finale-950: #22190c;
}SCSS
$season-finale: #bea27b;
$season-finale-rgb: 190, 162, 123;
$season-finale-light: mix(#fff, $season-finale, 20%);
$season-finale-dark: mix(#000, $season-finale, 20%);
.element {
color: $season-finale;
box-shadow: 0 0 0 2px rgba($season-finale, 0.35);
}