Benannte Farbe · #C89095
Garnet Shadow
Garnet Shadow ist #C89095: rgb(200 144 149), hsl(355 34% 67%), oklch(0.709 0.068 13). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Garnet Shadow color name →
#C89095
oklch(0.709 0.068 13)
Farbumrechnungen
- HEX
- #c89095
- RGB
- rgb(200 144 149)
- HSL
- hsl(355 34% 67%)
- HWB
- hwb(355 56% 22%)
- OKLCH
- oklch(0.709 0.068 13)
- OKLab
- oklab(0.709 0.067 0.015)
- CIE Lab
- lab(65.49 22.36 6.21)
- LCH
- lch(65.49 23.21 15.5)
- CMYK
- cmyk(0% 28% 25% 22%)
Tints · Shades · Tones
Tints
- CE9B9F
- D4A6A9
- DAB1B4
- DFBCBE
- E5C7C9
- EAD2D3
- F0DDDE
- F5E8E9
- FAF4F4
Shades
- AE7D81
- 946A6D
- 7B575A
- 634548
- 4C3437
- 362426
- 211516
- 0F0708
- 020101
Tones
- C18F93
- BA8D91
- B38C8F
- AC8A8D
- A4888A
- 9D8788
- 968586
- 8F8384
- 878282
Farbharmonien
Komplementär +180°
- C89095
Garnet Shadow
- 6CAFAD
≈ Turquoise Fantasies
Analog -30° +30°
- C89095
Garnet Shadow
- C091AC
≈ Mauve Magic
- C7947F
≈ Sweet Beige
Triadisch +120° +240°
- C89095
Garnet Shadow
- 91AB7F
≈ Forest Shade
- 83A4CB
≈ Paula Loves Paris
Geteilt komplementär +150° +210°
- C89095
Garnet Shadow
- 79AF95
≈ Nature Green
- 71ABC0
≈ Moonstone Blue
Tetradisch +90° +180° +270°
- C89095
Garnet Shadow
- A9A371
≈ Autumn Sage
- 6CAFAD
≈ Turquoise Fantasies
- 9B9CCB
≈ Bluebell Frost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.87:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--garnet-shadow: #c89095;
--garnet-shadow-rgb: 200 144 149;
--garnet-shadow-oklch: oklch(0.709 0.068 13);
}
.element {
color: var(--garnet-shadow);
background-color: hsl(355 34% 67%);
border-color: oklch(0.709 0.068 13);
}Tailwind CSS v4
@theme {
--color-garnet-shadow: #c89095;
--color-garnet-shadow-50: #ffeeef;
--color-garnet-shadow-100: #fedfe0;
--color-garnet-shadow-200: #f0c9cb;
--color-garnet-shadow-300: #d8aaac;
--color-garnet-shadow-400: #c38e93;
--color-garnet-shadow-500: #af7379;
--color-garnet-shadow-600: #936267;
--color-garnet-shadow-700: #764e52;
--color-garnet-shadow-800: #57383c;
--color-garnet-shadow-900: #3d2729;
--color-garnet-shadow-950: #261517;
}SCSS
$garnet-shadow: #c89095;
$garnet-shadow-rgb: 200, 144, 149;
$garnet-shadow-light: mix(#fff, $garnet-shadow, 20%);
$garnet-shadow-dark: mix(#000, $garnet-shadow, 20%);
.element {
color: $garnet-shadow;
box-shadow: 0 0 0 2px rgba($garnet-shadow, 0.35);
}