Color con nombre · #BEA27B
Season Finale
Season Finale es #BEA27B: rgb(190 162 123), hsl(35 34% 61%), oklch(0.727 0.062 75.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Season Finale color name →
#BEA27B
oklch(0.727 0.062 75.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- C4AB88
- CBB495
- D1BDA2
- D8C7AF
- DED0BC
- E5D9C9
- EBE3D7
- F2ECE4
- F8F5F1
Sombras
- A58C6A
- 8C775A
- 75634A
- 5E4F3A
- 483C2C
- 332A1E
- 1F1910
- 0D0A05
- 020101
Tonos
- B89F7C
- B19B7D
- AB987D
- A5947E
- 9F917E
- 998E7F
- 928A7F
- 8C8780
- 868380
Armonías de color
Complementario +180°
- BEA27B
Season Finale
- 8DA9CE
≈ Old World
Análogo -30° +30°
- BEA27B
Season Finale
- C99B86
≈ Artefact
- ACAA7C
≈ Thimbleberry Leaf
Triádico +120° +240°
- BEA27B
Season Finale
- 77B4B3
≈ Kingfisher Turquoise
- B69BC2
≈ Crocus Petal
Complementario dividido +150° +210°
- BEA27B
Season Finale
- 7CB0C5
≈ Frisky Blue
- A3A2CD
≈ Water Hyacinth
Tetrádico +90° +180° +270°
- BEA27B
Season Finale
- 81B49E
≈ Mid-century Gem
- 8DA9CE
≈ Old World
- C598AF
≈ Lady’s Cushions Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.64:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
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);
}