Colore con nome · #9D7798
Screen Gem
Screen Gem è #9D7798: rgb(157 119 152), hsl(308 16% 54%), oklch(0.617 0.066 330.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Screen Gem color name →
#9D7798
oklch(0.617 0.066 330.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A784A2
- B091AC
- BA9EB6
- C4ACC0
- CEB9CB
- D7C7D5
- E1D5DF
- EBE3EA
- F5F1F4
Ombre
- 886784
- 735770
- 5F475C
- 4C384A
- 3A2A38
- 281C27
- 181017
- 090508
- 010101
Toni
- 9A7896
- 977993
- 957A91
- 927B8E
- 8F7C8C
- 8C7D8A
- 897E87
- 867E85
- 837F82
Armonie di colore
Complementare +180°
- 9D7798
Screen Gem
- 689171
≈ Prickly Pear Cactus
Analogo -30° +30°
- 9D7798
Screen Gem
- 8C7CA7
≈ Violet Chalk
- A77583
≈ Never Forget
Triadico +120° +240°
- 9D7798
Screen Gem
- 948456
≈ Dash of Oregano
- 52909C
≈ Adrift
Complementare divisa +150° +210°
- 9D7798
Screen Gem
- 7F8C5E
≈ Moss Point Green
- 569387
≈ Thermal Spring
Tetradico +90° +180° +270°
- 9D7798
Screen Gem
- A37C5C
≈ Café au Lait
- 689171
≈ Prickly Pear Cactus
- 618BAA
≈ Rackley
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.52:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}