Benannte Farbe · #7C8D96
Denim Drift
Denim Drift ist #7C8D96: rgb(124 141 150), hsl(201 11% 54%), oklch(0.633 0.024 230.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Denim Drift color name →
#7C8D96
oklch(0.633 0.024 230.8)
Farbumrechnungen
- HEX
- #7c8d96
- RGB
- rgb(124 141 150)
- HSL
- hsl(201 11% 54%)
- HWB
- hwb(201 49% 41%)
- OKLCH
- oklch(0.633 0.024 230.8)
- OKLab
- oklab(0.633 -0.015 -0.018)
- CIE Lab
- lab(57.49 -4.85 -6.99)
- LCH
- lch(57.49 8.5 235.2)
- CMYK
- cmyk(17% 6% 0% 41%)
Tints · Shades · Tones
Tints
- 8898A0
- 95A3AA
- A2AEB4
- AFB9BF
- BCC5C9
- C9D0D4
- D6DCDF
- E4E7E9
- F1F3F4
Shades
- 6B7A82
- 5A676E
- 4A555B
- 3B4449
- 2C3337
- 1E2326
- 111416
- 050708
- 010101
Tones
- 7C8C94
- 7D8A92
- 7D898F
- 7E888D
- 7E878B
- 7F8589
- 7F8487
- 7F8384
- 808182
Farbharmonien
Komplementär +180°
- 7C8D96
Denim Drift
- 97867D
≈ Ginnezumi
Analog -30° +30°
- 7C8D96
Denim Drift
- 7A8F90
≈ Weathered Pebble
- 828A99
≈ Ombre Grey
Triadisch +120° +240°
- 7C8D96
Denim Drift
- 96848C
≈ Quail
- 8A8C7B
≈ Tea Leaf Mouse
Geteilt komplementär +150° +210°
- 7C8D96
Denim Drift
- 988584
≈ Exotica
- 92897A
≈ Art District
Tetradisch +90° +180° +270°
- 7C8D96
Denim Drift
- 918693
≈ Femme Fatale
- 97867D
≈ Ginnezumi
- 828E80
≈ Lily Pad Pond
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.43:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.10:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--denim-drift: #7c8d96;
--denim-drift-rgb: 124 141 150;
--denim-drift-oklch: oklch(0.633 0.024 230.8);
}
.element {
color: var(--denim-drift);
background-color: hsl(201 11% 54%);
border-color: oklch(0.633 0.024 230.8);
}Tailwind CSS v4
@theme {
--color-denim-drift: #7c8d96;
--color-denim-drift-50: #eff6fb;
--color-denim-drift-100: #e0e9ef;
--color-denim-drift-200: #cbd6dd;
--color-denim-drift-300: #acbac2;
--color-denim-drift-400: #91a1aa;
--color-denim-drift-500: #778993;
--color-denim-drift-600: #65747d;
--color-denim-drift-700: #505d64;
--color-denim-drift-800: #3a4449;
--color-denim-drift-900: #282f33;
--color-denim-drift-950: #161c1e;
}SCSS
$denim-drift: #7c8d96;
$denim-drift-rgb: 124, 141, 150;
$denim-drift-light: mix(#fff, $denim-drift, 20%);
$denim-drift-dark: mix(#000, $denim-drift, 20%);
.element {
color: $denim-drift;
box-shadow: 0 0 0 2px rgba($denim-drift, 0.35);
}