命名颜色 · #E3D3BA
Courtyard Tan
Courtyard Tan 即 #E3D3BA：rgb(227 211 186)、hsl(37 42% 81%)、oklch(0.873 0.038 79.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Courtyard Tan color name →
#E3D3BA
oklch(0.873 0.038 79.1)
颜色转换
- HEX
- #e3d3ba
- RGB
- rgb(227 211 186)
- HSL
- hsl(37 42% 81%)
- HWB
- hwb(37 73% 11%)
- OKLCH
- oklch(0.873 0.038 79.1)
- OKLab
- oklab(0.873 0.007 0.037)
- CIE Lab
- lab(85.39 2.76 14.54)
- LCH
- lch(85.39 14.8 79.2)
- CMYK
- cmyk(0% 7% 18% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6D7C1
- E9DCC8
- EBE0CF
- EEE5D5
- F1E9DC
- F4EDE3
- F7F2EA
- F9F6F1
- FCFBF8
深色调
- C5B7A1
- A89C89
- 8C8272
- 71695C
- 575146
- 3F3A32
- 27241E
- 12100D
- 030202
灰色调
- D9CAB4
- CEC2AE
- C4B9A8
- BAB1A3
- B0A99D
- A6A097
- 9D9891
- 93908B
- 898886
配色和谐
互补色 +180°
- E3D3BA
Courtyard Tan
- C7D6EF
≈ Murano Soft Blue
类似色 -30° +30°
- E3D3BA
Courtyard Tan
- EBCFC0
≈ Angelico
- D7D8BC
≈ Pine Mist
三角配色 +120° +240°
- E3D3BA
Courtyard Tan
- B9DDDF
≈ Mech Suit
- E1CEE6
≈ Pouf of Pink
分裂互补色 +150° +210°
- E3D3BA
Courtyard Tan
- BDDBEA
≈ Twin Blue
- D4D2ED
≈ Air Castle
四角配色 +90° +180° +270°
- E3D3BA
Courtyard Tan
- BEDED1
≈ Otto Ice
- C7D6EF
≈ Murano Soft Blue
- EACCD9
≈ Petit Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.29:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--courtyard-tan: #e3d3ba;
--courtyard-tan-rgb: 227 211 186;
--courtyard-tan-oklch: oklch(0.873 0.038 79.1);
}
.element {
color: var(--courtyard-tan);
background-color: hsl(37 42% 81%);
border-color: oklch(0.873 0.038 79.1);
}Tailwind CSS v4
@theme {
--color-courtyard-tan: #e3d3ba;
--color-courtyard-tan-50: #fbf4e9;
--color-courtyard-tan-100: #eee7da;
--color-courtyard-tan-200: #ddd3c3;
--color-courtyard-tan-300: #c1b6a2;
--color-courtyard-tan-400: #ab9c86;
--color-courtyard-tan-500: #94846a;
--color-courtyard-tan-600: #7d6f5a;
--color-courtyard-tan-700: #645948;
--color-courtyard-tan-800: #4a4134;
--color-courtyard-tan-900: #332d23;
--color-courtyard-tan-950: #1f1a12;
}SCSS
$courtyard-tan: #e3d3ba;
$courtyard-tan-rgb: 227, 211, 186;
$courtyard-tan-light: mix(#fff, $courtyard-tan, 20%);
$courtyard-tan-dark: mix(#000, $courtyard-tan, 20%);
.element {
color: $courtyard-tan;
box-shadow: 0 0 0 2px rgba($courtyard-tan, 0.35);
}