Benannte Farbe · #9E957C
Shortgrass Prairie
Shortgrass Prairie ist #9E957C: rgb(158 149 124), hsl(44 15% 55%), oklch(0.671 0.037 90.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Shortgrass Prairie color name →
#9E957C
oklch(0.671 0.037 90.6)
Farbumrechnungen
- HEX
- #9e957c
- RGB
- rgb(158 149 124)
- HSL
- hsl(44 15% 55%)
- HWB
- hwb(44 49% 38%)
- OKLCH
- oklch(0.671 0.037 90.6)
- OKLab
- oklab(0.671 0 0.037)
- CIE Lab
- lab(61.98 0.3 14.52)
- LCH
- lch(61.98 14.52 88.8)
- CMYK
- cmyk(0% 6% 22% 38%)
Tints · Shades · Tones
Tints
- A79F88
- B1A995
- BAB4A2
- C4BEAF
- CDC9BC
- D7D3C9
- E1DED6
- EBE9E4
- F5F4F1
Shades
- 89816B
- 746D5A
- 605A4A
- 4D483B
- 3A372C
- 29261E
- 181611
- 090805
- 010101
Tones
- 9B937D
- 98917D
- 958F7D
- 928D7E
- 8F8B7E
- 8C887F
- 89867F
- 86847F
- 838280
Farbharmonien
Komplementär +180°
- 9E957C
Shortgrass Prairie
- 8D95AD
≈ Silverfish
Analog -30° +30°
- 9E957C
Shortgrass Prairie
- A7917F
≈ Delta Sandbar
- 929980
≈ Cavern Moss
Triadisch +120° +240°
- 9E957C
Shortgrass Prairie
- 7C9CA2
≈ Grand Boulevard
- A38EA0
≈ Cut Heather
Geteilt komplementär +150° +210°
- 9E957C
Shortgrass Prairie
- 8299AA
≈ Ashley Blue
- 9991A9
≈ Jazz Tune
Tetradisch +90° +180° +270°
- 9E957C
Shortgrass Prairie
- 7D9D96
≈ Vizcaya
- 8D95AD
≈ Silverfish
- AA8C94
≈ Reserve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.04:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--shortgrass-prairie: #9e957c;
--shortgrass-prairie-rgb: 158 149 124;
--shortgrass-prairie-oklch: oklch(0.671 0.037 90.6);
}
.element {
color: var(--shortgrass-prairie);
background-color: hsl(44 15% 55%);
border-color: oklch(0.671 0.037 90.6);
}Tailwind CSS v4
@theme {
--color-shortgrass-prairie: #9e957c;
--color-shortgrass-prairie-50: #f9f5ea;
--color-shortgrass-prairie-100: #ece8da;
--color-shortgrass-prairie-200: #dad4c3;
--color-shortgrass-prairie-300: #beb7a3;
--color-shortgrass-prairie-400: #a79e86;
--color-shortgrass-prairie-500: #8f866a;
--color-shortgrass-prairie-600: #79715a;
--color-shortgrass-prairie-700: #615a48;
--color-shortgrass-prairie-800: #484234;
--color-shortgrass-prairie-900: #322d23;
--color-shortgrass-prairie-950: #1e1a12;
}SCSS
$shortgrass-prairie: #9e957c;
$shortgrass-prairie-rgb: 158, 149, 124;
$shortgrass-prairie-light: mix(#fff, $shortgrass-prairie, 20%);
$shortgrass-prairie-dark: mix(#000, $shortgrass-prairie, 20%);
.element {
color: $shortgrass-prairie;
box-shadow: 0 0 0 2px rgba($shortgrass-prairie, 0.35);
}