命名颜色 · #BE9480
Faded Redwood
Faded Redwood 即 #BE9480：rgb(190 148 128)、hsl(19 32% 62%)、oklch(0.701 0.058 46.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Faded Redwood color name →
#BE9480
oklch(0.701 0.058 46.7)
颜色转换
- HEX
- #be9480
- RGB
- rgb(190 148 128)
- HSL
- hsl(19 32% 62%)
- HWB
- hwb(19 50% 25%)
- OKLCH
- oklch(0.701 0.058 46.7)
- OKLab
- oklab(0.701 0.04 0.042)
- CIE Lab
- lab(64.96 14.2 16.98)
- LCH
- lch(64.96 22.14 50.1)
- CMYK
- cmyk(0% 22% 33% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C59E8C
- CBA999
- D2B3A5
- D8BEB1
- DFC9BE
- E5D3CB
- ECDED8
- F2E9E5
- F9F4F2
深色调
- A5806E
- 8C6D5D
- 755A4D
- 5E483D
- 48362E
- 33261F
- 1F1612
- 0D0806
- 020101
灰色调
- B89280
- B29080
- AB8E80
- A58C80
- 9F8A80
- 998880
- 938680
- 8D8480
- 868280
配色和谐
互补色 +180°
- BE9480
Faded Redwood
- 78A7BB
≈ Blue Ridge Mist
类似色 -30° +30°
- BE9480
Faded Redwood
- C09092
≈ Floral Tapestry
- B49A76
≈ Dry Starfish
三角配色 +120° +240°
- BE9480
Faded Redwood
- 7CAB97
≈ Catnip
- 9B9AC2
≈ Majestic Violet
分裂互补色 +150° +210°
- BE9480
Faded Redwood
- 73AAAB
≈ Poolrooms
- 88A0C3
≈ Windy City
四角配色 +90° +180° +270°
- BE9480
Faded Redwood
- 8EA884
≈ Mermaid’s Cove
- 78A7BB
≈ Blue Ridge Mist
- AE94B7
≈ Glossy Grape
对比度与无障碍
Ag
Fail白底
WCAG 2.71:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.73:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--faded-redwood: #be9480;
--faded-redwood-rgb: 190 148 128;
--faded-redwood-oklch: oklch(0.701 0.058 46.7);
}
.element {
color: var(--faded-redwood);
background-color: hsl(19 32% 62%);
border-color: oklch(0.701 0.058 46.7);
}Tailwind CSS v4
@theme {
--color-faded-redwood: #be9480;
--color-faded-redwood-50: #fff1e7;
--color-faded-redwood-100: #f9e3d7;
--color-faded-redwood-200: #eacebf;
--color-faded-redwood-300: #d1af9e;
--color-faded-redwood-400: #bc9481;
--color-faded-redwood-500: #a77a65;
--color-faded-redwood-600: #8d6856;
--color-faded-redwood-700: #715344;
--color-faded-redwood-800: #543c32;
--color-faded-redwood-900: #3a2922;
--color-faded-redwood-950: #241711;
}SCSS
$faded-redwood: #be9480;
$faded-redwood-rgb: 190, 148, 128;
$faded-redwood-light: mix(#fff, $faded-redwood, 20%);
$faded-redwood-dark: mix(#000, $faded-redwood, 20%);
.element {
color: $faded-redwood;
box-shadow: 0 0 0 2px rgba($faded-redwood, 0.35);
}