Benannte Farbe · #71847D
Dwarf Spruce
Dwarf Spruce ist #71847D: rgb(113 132 125), hsl(158 8% 48%), oklch(0.596 0.025 171.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dwarf Spruce color name →
#71847D
oklch(0.596 0.025 171.2)
Farbumrechnungen
- HEX
- #71847d
- RGB
- rgb(113 132 125)
- HSL
- hsl(158 8% 48%)
- HWB
- hwb(158 44% 48%)
- OKLCH
- oklch(0.596 0.025 171.2)
- OKLab
- oklab(0.596 -0.024 0.004)
- CIE Lab
- lab(53.45 -8.28 1.35)
- LCH
- lch(53.45 8.39 170.8)
- CMYK
- cmyk(14% 0% 5% 48%)
Tints · Shades · Tones
Tints
- 7E9089
- 8C9B96
- 9AA7A2
- A8B3AF
- B6C0BC
- C4CCC9
- D3D9D6
- E1E5E4
- F0F2F1
Shades
- 61726C
- 52605B
- 434F4B
- 353F3B
- 272F2C
- 1A201E
- 0E1211
- 040605
- 010101
Tones
- 73847D
- 74837E
- 76837E
- 77827E
- 79827F
- 7A827F
- 7C817F
- 7D817F
- 7F8080
Farbharmonien
Komplementär +180°
- 71847D
Dwarf Spruce
- 8B7981
≈ Purple Rubiate
Analog -30° +30°
- 71847D
Dwarf Spruce
- 778375
≈ Lottery Winnings
- 6F8485
≈ Trooper
Triadisch +120° +240°
- 71847D
Dwarf Spruce
- 7F7D8D
≈ Silver Surfer
- 8C7B72
≈ Revere Greige
Geteilt komplementär +150° +210°
- 71847D
Dwarf Spruce
- 867A88
≈ High Note
- 8D7A79
≈ Ashen Violet
Tetradisch +90° +180° +270°
- 71847D
Dwarf Spruce
- 777F8E
≈ Seattle Haze
- 8B7981
≈ Purple Rubiate
- 877E6F
≈ Adaptive Shade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.96:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.29:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--dwarf-spruce: #71847d;
--dwarf-spruce-rgb: 113 132 125;
--dwarf-spruce-oklch: oklch(0.596 0.025 171.2);
}
.element {
color: var(--dwarf-spruce);
background-color: hsl(158 8% 48%);
border-color: oklch(0.596 0.025 171.2);
}Tailwind CSS v4
@theme {
--color-dwarf-spruce: #71847d;
--color-dwarf-spruce-50: #eef8f4;
--color-dwarf-spruce-100: #e0ebe7;
--color-dwarf-spruce-200: #cad8d3;
--color-dwarf-spruce-300: #abbcb6;
--color-dwarf-spruce-400: #91a39c;
--color-dwarf-spruce-500: #778c84;
--color-dwarf-spruce-600: #647670;
--color-dwarf-spruce-700: #505f59;
--color-dwarf-spruce-800: #3a4541;
--color-dwarf-spruce-900: #28302d;
--color-dwarf-spruce-950: #161c1a;
}SCSS
$dwarf-spruce: #71847d;
$dwarf-spruce-rgb: 113, 132, 125;
$dwarf-spruce-light: mix(#fff, $dwarf-spruce, 20%);
$dwarf-spruce-dark: mix(#000, $dwarf-spruce, 20%);
.element {
color: $dwarf-spruce;
box-shadow: 0 0 0 2px rgba($dwarf-spruce, 0.35);
}