Benannte Farbe · #9A8557
Spacious Plain
Spacious Plain ist #9A8557: rgb(154 133 87), hsl(41 28% 47%), oklch(0.625 0.068 86). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spacious Plain color name →
#9A8557
oklch(0.625 0.068 86)
Farbumrechnungen
- HEX
- #9a8557
- RGB
- rgb(154 133 87)
- HSL
- hsl(41 28% 47%)
- HWB
- hwb(41 34% 40%)
- OKLCH
- oklch(0.625 0.068 86)
- OKLab
- oklab(0.625 0.005 0.068)
- CIE Lab
- lab(56.67 3.42 27.88)
- LCH
- lch(56.67 28.09 83)
- CMYK
- cmyk(0% 14% 44% 40%)
Tints · Shades · Tones
Tints
- A49167
- AE9D78
- B7A888
- C1B499
- CBC1A9
- D6CDBA
- E0D9CB
- EAE6DC
- F5F2EE
Shades
- 85734B
- 71613E
- 5E5033
- 4B4027
- 39301C
- 272112
- 171308
- 090603
- 010100
Tones
- 97855C
- 958460
- 928465
- 908369
- 8D836D
- 8A8271
- 888275
- 858179
- 83817C
Farbharmonien
Komplementär +180°
- 9A8557
Spacious Plain
- 7487B1
≈ Corsican Purple
Analog -30° +30°
- 9A8557
Spacious Plain
- A87D5F
≈ S’mores
- 858D5D
≈ Crocodile Smile
Triadisch +120° +240°
- 9A8557
Spacious Plain
- 52949C
≈ Teal Trinket
- 9D799E
≈ Divine
Geteilt komplementär +150° +210°
- 9A8557
Spacious Plain
- 5E8EAB
≈ Gunjō Blue
- 8B7FAD
≈ Aster Purple
Tetradisch +90° +180° +270°
- 9A8557
Spacious Plain
- 589586
≈ Fiddler
- 7487B1
≈ Corsican Purple
- A97789
≈ Upper Crust
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.57:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.86:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--spacious-plain: #9a8557;
--spacious-plain-rgb: 154 133 87;
--spacious-plain-oklch: oklch(0.625 0.068 86);
}
.element {
color: var(--spacious-plain);
background-color: hsl(41 28% 47%);
border-color: oklch(0.625 0.068 86);
}Tailwind CSS v4
@theme {
--color-spacious-plain: #9a8557;
--color-spacious-plain-50: #fdf5e0;
--color-spacious-plain-100: #f1e7cf;
--color-spacious-plain-200: #e0d3b4;
--color-spacious-plain-300: #c6b690;
--color-spacious-plain-400: #b09c70;
--color-spacious-plain-500: #9a8350;
--color-spacious-plain-600: #826f44;
--color-spacious-plain-700: #685936;
--color-spacious-plain-800: #4e4026;
--color-spacious-plain-900: #362c19;
--color-spacious-plain-950: #21190a;
}SCSS
$spacious-plain: #9a8557;
$spacious-plain-rgb: 154, 133, 87;
$spacious-plain-light: mix(#fff, $spacious-plain, 20%);
$spacious-plain-dark: mix(#000, $spacious-plain, 20%);
.element {
color: $spacious-plain;
box-shadow: 0 0 0 2px rgba($spacious-plain, 0.35);
}