Benannte Farbe · #708386
Trooper
Trooper ist #708386: rgb(112 131 134), hsl(188 9% 48%), oklch(0.596 0.023 208.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Trooper color name →
#708386
oklch(0.596 0.023 208.1)
Farbumrechnungen
- HEX
- #708386
- RGB
- rgb(112 131 134)
- HSL
- hsl(188 9% 48%)
- HWB
- hwb(188 44% 47%)
- OKLCH
- oklch(0.596 0.023 208.1)
- OKLab
- oklab(0.596 -0.02 -0.011)
- CIE Lab
- lab(53.3 -6.64 -4.07)
- LCH
- lch(53.3 7.79 211.5)
- CMYK
- cmyk(16% 2% 0% 47%)
Tints · Shades · Tones
Tints
- 7D8F91
- 8B9B9D
- 99A7A9
- A7B3B5
- B5BFC1
- C4CCCD
- D2D8D9
- E1E5E6
- F0F2F2
Shades
- 607174
- 516062
- 434F51
- 353F40
- 272F30
- 1A2021
- 0E1213
- 040606
- 010101
Tones
- 728385
- 738285
- 758284
- 778284
- 788283
- 7A8182
- 7B8182
- 7D8181
- 7E8081
Farbharmonien
Komplementär +180°
- 708386
Trooper
- 8C7A77
≈ Venus Deva
Analog -30° +30°
- 708386
Trooper
- 71847F
≈ Dwarf Spruce
- 73818B
≈ Oyster Bay
Triadisch +120° +240°
- 708386
Trooper
- 877A86
≈ High Note
- 847E70
≈ Adaptive Shade
Geteilt komplementär +150° +210°
- 708386
Trooper
- 8B7A7F
≈ Ashen Violet
- 8A7C72
≈ Silt
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.97:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.27:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--trooper: #708386;
--trooper-rgb: 112 131 134;
--trooper-oklch: oklch(0.596 0.023 208.1);
}
.element {
color: var(--trooper);
background-color: hsl(188 9% 48%);
border-color: oklch(0.596 0.023 208.1);
}Tailwind CSS v4
@theme {
--color-trooper: #708386;
--color-trooper-50: #eef7f9;
--color-trooper-100: #e0eaec;
--color-trooper-200: #cad7da;
--color-trooper-300: #abbbbe;
--color-trooper-400: #90a2a5;
--color-trooper-500: #758b8e;
--color-trooper-600: #647578;
--color-trooper-700: #505e60;
--color-trooper-800: #3a4546;
--color-trooper-900: #273031;
--color-trooper-950: #161c1d;
}SCSS
$trooper: #708386;
$trooper-rgb: 112, 131, 134;
$trooper-light: mix(#fff, $trooper, 20%);
$trooper-dark: mix(#000, $trooper, 20%);
.element {
color: $trooper;
box-shadow: 0 0 0 2px rgba($trooper, 0.35);
}