Benannte Farbe · #9E915C
Tirol
Tirol ist #9E915C: rgb(158 145 92), hsl(48 26% 49%), oklch(0.655 0.073 96). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tirol color name →
#9E915C
oklch(0.655 0.073 96)
Farbumrechnungen
- HEX
- #9e915c
- RGB
- rgb(158 145 92)
- HSL
- hsl(48 26% 49%)
- HWB
- hwb(48 36% 38%)
- OKLCH
- oklch(0.655 0.073 96)
- OKLab
- oklab(0.655 -0.008 0.073)
- CIE Lab
- lab(60.39 -0.75 29.94)
- LCH
- lch(60.39 29.95 91.4)
- CMYK
- cmyk(0% 8% 42% 38%)
Tints · Shades · Tones
Tints
- A79C6C
- B1A67C
- BAB18C
- C4BC9C
- CDC7AC
- D7D2BD
- E1DDCD
- EBE8DE
- F5F4EE
Shades
- 897D4F
- 746A42
- 605836
- 4D462A
- 3A351F
- 292514
- 18150A
- 090703
- 010100
Tones
- 9B8F60
- 988E64
- 958C68
- 928A6C
- 8F8970
- 8C8773
- 898577
- 86847A
- 83827D
Farbharmonien
Komplementär +180°
- 9E915C
Tirol
- 848DBE
≈ Soft Blue Lavender
Analog -30° +30°
- 9E915C
Tirol
- B08860
≈ Caramel Kiss
- 869968
≈ Cactus Valley
Triadisch +120° +240°
- 9E915C
Tirol
- 589CAE
≈ Flood Out
- AE80A2
≈ Antique Hot Pink
Geteilt komplementär +150° +210°
- 9E915C
Tirol
- 6B96BB
≈ Lupine Blue
- 9C85B5
≈ Peony Mauve
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.15:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.65:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--tirol: #9e915c;
--tirol-rgb: 158 145 92;
--tirol-oklch: oklch(0.655 0.073 96);
}
.element {
color: var(--tirol);
background-color: hsl(48 26% 49%);
border-color: oklch(0.655 0.073 96);
}Tailwind CSS v4
@theme {
--color-tirol: #9e915c;
--color-tirol-50: #faf6de;
--color-tirol-100: #eee9cd;
--color-tirol-200: #dcd5b2;
--color-tirol-300: #c1b88d;
--color-tirol-400: #ab9f6c;
--color-tirol-500: #95864b;
--color-tirol-600: #7e7240;
--color-tirol-700: #655b33;
--color-tirol-800: #4b4224;
--color-tirol-900: #342e18;
--color-tirol-950: #1f1a09;
}SCSS
$tirol: #9e915c;
$tirol-rgb: 158, 145, 92;
$tirol-light: mix(#fff, $tirol, 20%);
$tirol-dark: mix(#000, $tirol, 20%);
.element {
color: $tirol;
box-shadow: 0 0 0 2px rgba($tirol, 0.35);
}