Benannte Farbe · #988A72
Weathered Fossil
Weathered Fossil ist #988A72: rgb(152 138 114), hsl(38 16% 52%), oklch(0.639 0.038 81.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Weathered Fossil color name →
#988A72
oklch(0.639 0.038 81.1)
Farbumrechnungen
- HEX
- #988a72
- RGB
- rgb(152 138 114)
- HSL
- hsl(38 16% 52%)
- HWB
- hwb(38 45% 40%)
- OKLCH
- oklch(0.639 0.038 81.1)
- OKLab
- oklab(0.639 0.006 0.038)
- CIE Lab
- lab(58.25 2.51 14.92)
- LCH
- lch(58.25 15.13 80.5)
- CMYK
- cmyk(0% 9% 25% 40%)
Tints · Shades · Tones
Tints
- A2957F
- ACA08D
- B6AC9B
- C0B7A8
- CAC3B6
- D5CFC5
- DFDBD3
- EAE7E2
- F4F3F0
Shades
- 847762
- 706553
- 5C5344
- 4A4236
- 383228
- 27221B
- 17140E
- 080704
- 010101
Tones
- 968974
- 938875
- 918777
- 8E8678
- 8C8579
- 8A847B
- 87837C
- 85827D
- 82817F
Farbharmonien
Komplementär +180°
- 988A72
Weathered Fossil
- 7F8DA4
≈ Cabaret Charm
Analog -30° +30°
- 988A72
Weathered Fossil
- A08677
≈ Cobblestone Path
- 8C8F74
≈ Mesmerise
Triadisch +120° +240°
- 988A72
Weathered Fossil
- 719396
≈ Mineral Blue
- 97859A
≈ Hatoba Pigeon
Geteilt komplementär +150° +210°
- 988A72
Weathered Fossil
- 75919F
≈ Ebb Tide
- 8C88A2
≈ Antiquate
Tetradisch +90° +180° +270°
- 988A72
Weathered Fossil
- 759489
≈ Garden Fountain
- 7F8DA4
≈ Cabaret Charm
- 9F838F
≈ Evening Shadow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.37:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.21:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--weathered-fossil: #988a72;
--weathered-fossil-rgb: 152 138 114;
--weathered-fossil-oklch: oklch(0.639 0.038 81.1);
}
.element {
color: var(--weathered-fossil);
background-color: hsl(38 16% 52%);
border-color: oklch(0.639 0.038 81.1);
}Tailwind CSS v4
@theme {
--color-weathered-fossil: #988a72;
--color-weathered-fossil-50: #faf4e9;
--color-weathered-fossil-100: #eee7da;
--color-weathered-fossil-200: #dcd3c2;
--color-weathered-fossil-300: #c1b6a2;
--color-weathered-fossil-400: #aa9d85;
--color-weathered-fossil-500: #93846a;
--color-weathered-fossil-600: #7d705a;
--color-weathered-fossil-700: #645947;
--color-weathered-fossil-800: #4a4134;
--color-weathered-fossil-900: #332d23;
--color-weathered-fossil-950: #1f1a12;
}SCSS
$weathered-fossil: #988a72;
$weathered-fossil-rgb: 152, 138, 114;
$weathered-fossil-light: mix(#fff, $weathered-fossil, 20%);
$weathered-fossil-dark: mix(#000, $weathered-fossil, 20%);
.element {
color: $weathered-fossil;
box-shadow: 0 0 0 2px rgba($weathered-fossil, 0.35);
}