命名颜色 · #BEA27B
Season Finale
Season Finale 即 #BEA27B：rgb(190 162 123)、hsl(35 34% 61%)、oklch(0.727 0.062 75.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Season Finale color name →
#BEA27B
oklch(0.727 0.062 75.7)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- C4AB88
- CBB495
- D1BDA2
- D8C7AF
- DED0BC
- E5D9C9
- EBE3D7
- F2ECE4
- F8F5F1
深色调
- A58C6A
- 8C775A
- 75634A
- 5E4F3A
- 483C2C
- 332A1E
- 1F1910
- 0D0A05
- 020101
灰色调
- B89F7C
- B19B7D
- AB987D
- A5947E
- 9F917E
- 998E7F
- 928A7F
- 8C8780
- 868380
配色和谐
互补色 +180°
- BEA27B
Season Finale
- 8DA9CE
≈ Old World
类似色 -30° +30°
- BEA27B
Season Finale
- C99B86
≈ Artefact
- ACAA7C
≈ Thimbleberry Leaf
三角配色 +120° +240°
- BEA27B
Season Finale
- 77B4B3
≈ Kingfisher Turquoise
- B69BC2
≈ Crocus Petal
分裂互补色 +150° +210°
- BEA27B
Season Finale
- 7CB0C5
≈ Frisky Blue
- A3A2CD
≈ Water Hyacinth
四角配色 +90° +180° +270°
- BEA27B
Season Finale
- 81B49E
≈ Mid-century Gem
- 8DA9CE
≈ Old World
- C598AF
≈ Lady’s Cushions Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.42:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.64:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
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);
}