Benannte Farbe · #9D7798
Screen Gem
Screen Gem ist #9D7798: rgb(157 119 152), hsl(308 16% 54%), oklch(0.617 0.066 330.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Screen Gem color name →
#9D7798
oklch(0.617 0.066 330.9)
Farbumrechnungen
- HEX
- #9d7798
- RGB
- rgb(157 119 152)
- HSL
- hsl(308 16% 54%)
- HWB
- hwb(308 47% 38%)
- OKLCH
- oklch(0.617 0.066 330.9)
- OKLab
- oklab(0.617 0.058 -0.032)
- CIE Lab
- lab(54.69 19.56 -11.88)
- LCH
- lch(54.69 22.89 328.7)
- CMYK
- cmyk(0% 24% 3% 38%)
Tints · Shades · Tones
Tints
- A784A2
- B091AC
- BA9EB6
- C4ACC0
- CEB9CB
- D7C7D5
- E1D5DF
- EBE3EA
- F5F1F4
Shades
- 886784
- 735770
- 5F475C
- 4C384A
- 3A2A38
- 281C27
- 181017
- 090508
- 010101
Tones
- 9A7896
- 977993
- 957A91
- 927B8E
- 8F7C8C
- 8C7D8A
- 897E87
- 867E85
- 837F82
Farbharmonien
Komplementär +180°
- 9D7798
Screen Gem
- 689171
≈ Prickly Pear Cactus
Analog -30° +30°
- 9D7798
Screen Gem
- 8C7CA7
≈ Violet Chalk
- A77583
≈ Never Forget
Triadisch +120° +240°
- 9D7798
Screen Gem
- 948456
≈ Dash of Oregano
- 52909C
≈ Adrift
Geteilt komplementär +150° +210°
- 9D7798
Screen Gem
- 7F8C5E
≈ Moss Point Green
- 569387
≈ Thermal Spring
Tetradisch +90° +180° +270°
- 9D7798
Screen Gem
- A37C5C
≈ Café au Lait
- 689171
≈ Prickly Pear Cactus
- 618BAA
≈ Rackley
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.52:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--screen-gem: #9d7798;
--screen-gem-rgb: 157 119 152;
--screen-gem-oklch: oklch(0.617 0.066 330.9);
}
.element {
color: var(--screen-gem);
background-color: hsl(308 16% 54%);
border-color: oklch(0.617 0.066 330.9);
}Tailwind CSS v4
@theme {
--color-screen-gem: #9d7798;
--color-screen-gem-50: #ffeffd;
--color-screen-gem-100: #f6e0f2;
--color-screen-gem-200: #e6cae1;
--color-screen-gem-300: #cdabc6;
--color-screen-gem-400: #b691b1;
--color-screen-gem-500: #a0769b;
--color-screen-gem-600: #876483;
--color-screen-gem-700: #6c5069;
--color-screen-gem-800: #4f3a4e;
--color-screen-gem-900: #372836;
--color-screen-gem-950: #221621;
}SCSS
$screen-gem: #9d7798;
$screen-gem-rgb: 157, 119, 152;
$screen-gem-light: mix(#fff, $screen-gem, 20%);
$screen-gem-dark: mix(#000, $screen-gem, 20%);
.element {
color: $screen-gem;
box-shadow: 0 0 0 2px rgba($screen-gem, 0.35);
}