Benannte Farbe · #686858
Double Duty
Double Duty ist #686858: rgb(104 104 88), hsl(60 8% 38%), oklch(0.513 0.024 107.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Double Duty color name →
#686858
oklch(0.513 0.024 107.2)
Farbumrechnungen
- HEX
- #686858
- RGB
- rgb(104 104 88)
- HSL
- hsl(60 8% 38%)
- HWB
- hwb(60 35% 59%)
- OKLCH
- oklch(0.513 0.024 107.2)
- OKLab
- oklab(0.513 -0.007 0.023)
- CIE Lab
- lab(43.65 -2.28 9.06)
- LCH
- lch(43.65 9.35 104.1)
- CMYK
- cmyk(0% 0% 15% 59%)
Tints · Shades · Tones
Tints
- 767667
- 848477
- 939387
- A1A197
- B0B1A8
- C0C0B9
- CFCFCA
- DFDFDB
- EFEFED
Shades
- 59594B
- 4B4B3F
- 3E3E33
- 303028
- 24241D
- 181812
- 0C0C09
- 040403
- 000000
Tones
- 6A6A5C
- 6D6D60
- 6F6F64
- 717268
- 74746C
- 767670
- 797974
- 7B7B78
- 7E7E7C
Farbharmonien
Komplementär +180°
- 686858
Double Duty
- 656574
≈ London Grey
Analog -30° +30°
- 686858
Double Duty
- 6F6557
≈ Never Cry Wolf
- 606A5D
≈ Belmont Green
Triadisch +120° +240°
- 686858
Double Duty
- 596A72
≈ Distance
- 726169
≈ Chimaera
Geteilt komplementär +150° +210°
- 686858
Double Duty
- 5E6875
≈ British Shorthair
- 6D6370
≈ Silverado
Tetradisch +90° +180° +270°
- 686858
Double Duty
- 576B6C
≈ Blue Ballet
- 656574
≈ London Grey
- 746162
≈ Nasake
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.66:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.70:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--double-duty: #686858;
--double-duty-rgb: 104 104 88;
--double-duty-oklch: oklch(0.513 0.024 107.2);
}
.element {
color: var(--double-duty);
background-color: hsl(60 8% 38%);
border-color: oklch(0.513 0.024 107.2);
}Tailwind CSS v4
@theme {
--color-double-duty: #686858;
--color-double-duty-50: #f5f6ee;
--color-double-duty-100: #e8e9df;
--color-double-duty-200: #d5d5ca;
--color-double-duty-300: #b8b9ab;
--color-double-duty-400: #a0a08f;
--color-double-duty-500: #888875;
--color-double-duty-600: #737363;
--color-double-duty-700: #5c5c4f;
--color-double-duty-800: #434339;
--color-double-duty-900: #2f2e27;
--color-double-duty-950: #1b1b15;
}SCSS
$double-duty: #686858;
$double-duty-rgb: 104, 104, 88;
$double-duty-light: mix(#fff, $double-duty, 20%);
$double-duty-dark: mix(#000, $double-duty, 20%);
.element {
color: $double-duty;
box-shadow: 0 0 0 2px rgba($double-duty, 0.35);
}