Benannte Farbe · #998568
Rugged
Rugged ist #998568: rgb(153 133 104), hsl(36 19% 50%), oklch(0.627 0.048 76.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Rugged color name →
#998568
oklch(0.627 0.048 76.9)
Farbumrechnungen
- HEX
- #998568
- RGB
- rgb(153 133 104)
- HSL
- hsl(36 19% 50%)
- HWB
- hwb(36 41% 40%)
- OKLCH
- oklch(0.627 0.048 76.9)
- OKLab
- oklab(0.627 0.011 0.047)
- CIE Lab
- lab(56.82 4.53 18.64)
- LCH
- lch(56.82 19.18 76.3)
- CMYK
- cmyk(0% 13% 32% 40%)
Tints · Shades · Tones
Tints
- A39176
- AD9C85
- B7A893
- C1B4A2
- CBC0B1
- D5CDC1
- E0D9D0
- EAE6DF
- F4F2EF
Shades
- 847359
- 70614B
- 5D503E
- 4A4030
- 383024
- 272118
- 17130C
- 080604
- 010100
Tones
- 97856B
- 94846D
- 928470
- 8F8372
- 8D8375
- 8A8277
- 888279
- 85817C
- 83817E
Farbharmonien
Komplementär +180°
- 998568
Rugged
- 768AA6
≈ Starset
Analog -30° +30°
- 998568
Rugged
- A18070
≈ Tattered Teddy
- 8B8B69
≈ Playing Hooky
Triadisch +120° +240°
- 998568
Rugged
- 669292
≈ Pauley
- 94809C
≈ Mixed Berries
Geteilt komplementär +150° +210°
- 998568
Rugged
- 6A8F9F
≈ Leisure Blue
- 8684A4
≈ Velvet Curtain
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.55:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.90:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--rugged: #998568;
--rugged-rgb: 153 133 104;
--rugged-oklch: oklch(0.627 0.048 76.9);
}
.element {
color: var(--rugged);
background-color: hsl(36 19% 50%);
border-color: oklch(0.627 0.048 76.9);
}Tailwind CSS v4
@theme {
--color-rugged: #998568;
--color-rugged-50: #fdf4e6;
--color-rugged-100: #f1e6d7;
--color-rugged-200: #e0d2be;
--color-rugged-300: #c5b59c;
--color-rugged-400: #af9b7f;
--color-rugged-500: #988262;
--color-rugged-600: #816e54;
--color-rugged-700: #675843;
--color-rugged-800: #4c4030;
--color-rugged-900: #352c20;
--color-rugged-950: #201910;
}SCSS
$rugged: #998568;
$rugged-rgb: 153, 133, 104;
$rugged-light: mix(#fff, $rugged, 20%);
$rugged-dark: mix(#000, $rugged, 20%);
.element {
color: $rugged;
box-shadow: 0 0 0 2px rgba($rugged, 0.35);
}