Benannte Farbe · #505650
Sable Calm
Sable Calm ist #505650: rgb(80 86 80), hsl(120 4% 33%), oklch(0.446 0.012 145.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sable Calm color name →
#505650
oklch(0.446 0.012 145.4)
Farbumrechnungen
- HEX
- #505650
- RGB
- rgb(80 86 80)
- HSL
- hsl(120 4% 33%)
- HWB
- hwb(120 31% 66%)
- OKLCH
- oklch(0.446 0.012 145.4)
- OKLab
- oklab(0.446 -0.01 0.007)
- CIE Lab
- lab(35.87 -3.45 2.64)
- LCH
- lch(35.87 4.35 142.6)
- CMYK
- cmyk(7% 0% 7% 66%)
Tints · Shades · Tones
Tints
- 606560
- 707570
- 818581
- 929692
- A3A6A3
- B5B8B5
- C7C9C7
- D9DBD9
- ECEDEC
Shades
- 444A44
- 393E39
- 2E322E
- 242724
- 1A1C1A
- 101210
- 070807
- 020202
- 000000
Tones
- 555A55
- 595E59
- 5E625E
- 636663
- 686B68
- 6C6F6C
- 717371
- 767776
- 7B7C7B
Farbharmonien
Komplementär +180°
- 505650
Sable Calm
- 585258
≈ Forged Iron
Analog -30° +30°
- 505650
Sable Calm
- 54554D
≈ Sturgis Grey
- 4D5654
≈ Cape Cod
Triadisch +120° +240°
- 505650
Sable Calm
- 51545B
≈ Coal Tipple
- 5B5251
≈ Bittersweet Molasses
Geteilt komplementär +150° +210°
- 505650
Sable Calm
- 54535A
≈ Forged Iron
- 5A5154
≈ Sophisticated Plum
Tetradisch +90° +180° +270°
- 505650
Sable Calm
- 4E555A
≈ Urbanite
- 585258
≈ Forged Iron
- 5A524E
≈ Gardener’s Soil
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.53:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.78:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.53:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--sable-calm: #505650;
--sable-calm-rgb: 80 86 80;
--sable-calm-oklch: oklch(0.446 0.012 145.4);
}
.element {
color: var(--sable-calm);
background-color: hsl(120 4% 33%);
border-color: oklch(0.446 0.012 145.4);
}Tailwind CSS v4
@theme {
--color-sable-calm: #505650;
--color-sable-calm-50: #f3f6f3;
--color-sable-calm-100: #e5e9e5;
--color-sable-calm-200: #d1d6d1;
--color-sable-calm-300: #b3b9b4;
--color-sable-calm-400: #9aa09a;
--color-sable-calm-500: #818881;
--color-sable-calm-600: #6d736d;
--color-sable-calm-700: #575c57;
--color-sable-calm-800: #404340;
--color-sable-calm-900: #2c2f2c;
--color-sable-calm-950: #191b19;
}SCSS
$sable-calm: #505650;
$sable-calm-rgb: 80, 86, 80;
$sable-calm-light: mix(#fff, $sable-calm, 20%);
$sable-calm-dark: mix(#000, $sable-calm, 20%);
.element {
color: $sable-calm;
box-shadow: 0 0 0 2px rgba($sable-calm, 0.35);
}