Named color · #E3D3BA
Courtyard Tan
Courtyard Tan is #E3D3BA: rgb(227 211 186), hsl(37 42% 81%), oklch(0.873 0.038 79.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Courtyard Tan color name →
#E3D3BA
oklch(0.873 0.038 79.1)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E6D7C1
- E9DCC8
- EBE0CF
- EEE5D5
- F1E9DC
- F4EDE3
- F7F2EA
- F9F6F1
- FCFBF8
Shades
- C5B7A1
- A89C89
- 8C8272
- 71695C
- 575146
- 3F3A32
- 27241E
- 12100D
- 030202
Tones
- D9CAB4
- CEC2AE
- C4B9A8
- BAB1A3
- B0A99D
- A6A097
- 9D9891
- 93908B
- 898886
Color harmonies
Complementary +180°
- E3D3BA
Courtyard Tan
- C7D6EF
≈ Murano Soft Blue
Analogous -30° +30°
- E3D3BA
Courtyard Tan
- EBCFC0
≈ Angelico
- D7D8BC
≈ Pine Mist
Triadic +120° +240°
- E3D3BA
Courtyard Tan
- B9DDDF
≈ Mech Suit
- E1CEE6
≈ Pouf of Pink
Split-complementary +150° +210°
- E3D3BA
Courtyard Tan
- BDDBEA
≈ Twin Blue
- D4D2ED
≈ Air Castle
Tetradic +90° +180° +270°
- E3D3BA
Courtyard Tan
- BEDED1
≈ Otto Ice
- C7D6EF
≈ Murano Soft Blue
- EACCD9
≈ Petit Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOn black
WCAG 14.29:1 · APCA Lc 81
Best text color: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
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);
}