Benannte Farbe · #7E989D
Soul Quenching
Soul Quenching ist #7E989D: rgb(126 152 157), hsl(190 14% 55%), oklch(0.661 0.03 210.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Soul Quenching color name →
#7E989D
oklch(0.661 0.03 210.6)
Farbumrechnungen
- HEX
- #7e989d
- RGB
- rgb(126 152 157)
- HSL
- hsl(190 14% 55%)
- HWB
- hwb(190 49% 38%)
- OKLCH
- oklch(0.661 0.03 210.6)
- OKLab
- oklab(0.661 -0.026 -0.015)
- CIE Lab
- lab(60.95 -8.62 -5.85)
- LCH
- lch(60.95 10.41 214.2)
- CMYK
- cmyk(20% 3% 0% 38%)
Tints · Shades · Tones
Tints
- 8AA2A6
- 97ACB0
- A3B6BA
- B0C0C3
- BDCACD
- CAD5D7
- D7DFE1
- E4EAEB
- F2F4F5
Shades
- 6D8488
- 5C7073
- 4C5C5F
- 3C4A4C
- 2D383A
- 1F2728
- 111718
- 050809
- 010101
Tones
- 7E969A
- 7F9397
- 7F9194
- 7F8E91
- 7F8C8E
- 808A8C
- 808789
- 808586
- 808283
Farbharmonien
Komplementär +180°
- 7E989D
Soul Quenching
- A48C88
≈ Irish Tea
Analog -30° +30°
- 7E989D
Soul Quenching
- 7F9993
≈ Secluded Garden
- 8395A4
≈ Storm Petrel
Triadisch +120° +240°
- 7E989D
Soul Quenching
- 9E8C9B
≈ Greige Violet
- 99927E
≈ Seneca Rock
Geteilt komplementär +150° +210°
- 7E989D
Soul Quenching
- A38B91
≈ Gothic Amethyst
- A18F80
≈ Cocoa Whip
Tetradisch +90° +180° +270°
- 7E989D
Soul Quenching
- 958FA3
≈ Alienator Grey
- A48C88
≈ Irish Tea
- 909681
≈ Hillside Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.05:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.86:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--soul-quenching: #7e989d;
--soul-quenching-rgb: 126 152 157;
--soul-quenching-oklch: oklch(0.661 0.03 210.6);
}
.element {
color: var(--soul-quenching);
background-color: hsl(190 14% 55%);
border-color: oklch(0.661 0.03 210.6);
}Tailwind CSS v4
@theme {
--color-soul-quenching: #7e989d;
--color-soul-quenching-50: #ecf8fa;
--color-soul-quenching-100: #ddebee;
--color-soul-quenching-200: #c6d8dc;
--color-soul-quenching-300: #a7bcc0;
--color-soul-quenching-400: #8ba4a8;
--color-soul-quenching-500: #708c91;
--color-soul-quenching-600: #5f767b;
--color-soul-quenching-700: #4c5f62;
--color-soul-quenching-800: #364548;
--color-soul-quenching-900: #253032;
--color-soul-quenching-950: #141c1e;
}SCSS
$soul-quenching: #7e989d;
$soul-quenching-rgb: 126, 152, 157;
$soul-quenching-light: mix(#fff, $soul-quenching, 20%);
$soul-quenching-dark: mix(#000, $soul-quenching, 20%);
.element {
color: $soul-quenching;
box-shadow: 0 0 0 2px rgba($soul-quenching, 0.35);
}