Benannte Farbe · #838298
Soft Charcoal
Soft Charcoal ist #838298: rgb(131 130 152), hsl(243 10% 55%), oklch(0.615 0.033 287.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Soft Charcoal color name →
#838298
oklch(0.615 0.033 287.5)
Farbumrechnungen
- HEX
- #838298
- RGB
- rgb(131 130 152)
- HSL
- hsl(243 10% 55%)
- HWB
- hwb(243 51% 40%)
- OKLCH
- oklch(0.615 0.033 287.5)
- OKLab
- oklab(0.615 0.01 -0.031)
- CIE Lab
- lab(55.03 3.87 -11.7)
- LCH
- lch(55.03 12.32 288.3)
- CMYK
- cmyk(14% 14% 0% 40%)
Tints · Shades · Tones
Tints
- 8F8EA2
- 9A9AAC
- A7A6B6
- B3B2C0
- BFBFCB
- CCCBD5
- D8D8DF
- E5E5EA
- F2F2F4
Shades
- 717084
- 605F70
- 4F4E5C
- 3F3E4A
- 2F2F38
- 202027
- 121217
- 060608
- 010101
Tones
- 838296
- 828293
- 828191
- 82818E
- 81818C
- 81818A
- 818187
- 818085
- 808082
Farbharmonien
Komplementär +180°
- 838298
Soft Charcoal
- 868670
≈ Grasshopper Wing
Analog -30° +30°
- 838298
Soft Charcoal
- 788699
≈ Somnambulist
- 8D7F92
≈ Dusky Grape
Triadisch +120° +240°
- 838298
Soft Charcoal
- 967F74
≈ Tallarn Leather
- 728B81
≈ Sea Palm
Geteilt komplementär +150° +210°
- 838298
Soft Charcoal
- 90836F
≈ Faint Allegory
- 7B8A76
≈ Spanish Green
Tetradisch +90° +180° +270°
- 838298
Soft Charcoal
- 987D7D
≈ Opium
- 868670
≈ Grasshopper Wing
- 6E8B8C
≈ Polaris Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.74:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.61:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--soft-charcoal: #838298;
--soft-charcoal-rgb: 131 130 152;
--soft-charcoal-oklch: oklch(0.615 0.033 287.5);
}
.element {
color: var(--soft-charcoal);
background-color: hsl(243 10% 55%);
border-color: oklch(0.615 0.033 287.5);
}Tailwind CSS v4
@theme {
--color-soft-charcoal: #838298;
--color-soft-charcoal-50: #f5f4fe;
--color-soft-charcoal-100: #e7e6f3;
--color-soft-charcoal-200: #d3d2e2;
--color-soft-charcoal-300: #b6b5c8;
--color-soft-charcoal-400: #9d9cb1;
--color-soft-charcoal-500: #84839b;
--color-soft-charcoal-600: #706f83;
--color-soft-charcoal-700: #5a5969;
--color-soft-charcoal-800: #41414e;
--color-soft-charcoal-900: #2d2d36;
--color-soft-charcoal-950: #1a1a21;
}SCSS
$soft-charcoal: #838298;
$soft-charcoal-rgb: 131, 130, 152;
$soft-charcoal-light: mix(#fff, $soft-charcoal, 20%);
$soft-charcoal-dark: mix(#000, $soft-charcoal, 20%);
.element {
color: $soft-charcoal;
box-shadow: 0 0 0 2px rgba($soft-charcoal, 0.35);
}