Benannte Farbe · #93817E
Warm Embrace
Warm Embrace ist #93817E: rgb(147 129 126), hsl(9 9% 54%), oklch(0.619 0.023 29). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Warm Embrace color name →
#93817E
oklch(0.619 0.023 29)
Farbumrechnungen
- HEX
- #93817e
- RGB
- rgb(147 129 126)
- HSL
- hsl(9 9% 54%)
- HWB
- hwb(9 49% 42%)
- OKLCH
- oklch(0.619 0.023 29)
- OKLab
- oklab(0.619 0.02 0.011)
- CIE Lab
- lab(55.58 6.7 4.28)
- LCH
- lch(55.58 7.95 32.6)
- CMYK
- cmyk(0% 12% 14% 42%)
Tints · Shades · Tones
Tints
- 9D8D8A
- A89996
- B2A5A3
- BDB2B0
- C8BEBC
- D3CBC9
- DED8D7
- E9E5E4
- F4F2F1
Shades
- 7F6F6D
- 6C5E5C
- 594E4C
- 473E3C
- 362E2D
- 251F1F
- 161211
- 080605
- 010101
Tones
- 91817E
- 8F817E
- 8D817F
- 8C817F
- 8A817F
- 88807F
- 86807F
- 848080
- 828080
Farbharmonien
Komplementär +180°
- 93817E
Warm Embrace
- 778A8D
≈ Leisure Time
Analog -30° +30°
- 93817E
Warm Embrace
- 928085
≈ Venetian
- 918379
≈ Timeless Taupe
Triadisch +120° +240°
- 93817E
Warm Embrace
- 7D8A7E
≈ Salty Sea
- 808694
≈ Sea Lion
Geteilt komplementär +150° +210°
- 93817E
Warm Embrace
- 788A86
≈ Juniper Ash
- 7A8892
≈ Deep Channel
Tetradisch +90° +180° +270°
- 93817E
Warm Embrace
- 848879
≈ Spruce Shadow
- 778A8D
≈ Leisure Time
- 878392
≈ Mecha Metal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.68:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--warm-embrace: #93817e;
--warm-embrace-rgb: 147 129 126;
--warm-embrace-oklch: oklch(0.619 0.023 29);
}
.element {
color: var(--warm-embrace);
background-color: hsl(9 9% 54%);
border-color: oklch(0.619 0.023 29);
}Tailwind CSS v4
@theme {
--color-warm-embrace: #93817e;
--color-warm-embrace-50: #fcf3f1;
--color-warm-embrace-100: #efe5e3;
--color-warm-embrace-200: #ded1ce;
--color-warm-embrace-300: #c3b3b0;
--color-warm-embrace-400: #ab9a97;
--color-warm-embrace-500: #95817e;
--color-warm-embrace-600: #7e6d6a;
--color-warm-embrace-700: #655755;
--color-warm-embrace-800: #4a403e;
--color-warm-embrace-900: #332c2b;
--color-warm-embrace-950: #1f1918;
}SCSS
$warm-embrace: #93817e;
$warm-embrace-rgb: 147, 129, 126;
$warm-embrace-light: mix(#fff, $warm-embrace, 20%);
$warm-embrace-dark: mix(#000, $warm-embrace, 20%);
.element {
color: $warm-embrace;
box-shadow: 0 0 0 2px rgba($warm-embrace, 0.35);
}