Colore con nome · #996E74
Stravinsky
Stravinsky è #996E74: rgb(153 110 116), hsl(352 17% 52%), oklch(0.584 0.055 9.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Stravinsky color name →
#996E74
oklch(0.584 0.055 9.7)
Conversioni di colore
- HEX
- #996e74
- RGB
- rgb(153 110 116)
- HSL
- hsl(352 17% 52%)
- HWB
- hwb(352 43% 40%)
- OKLCH
- oklch(0.584 0.055 9.7)
- OKLab
- oklab(0.584 0.055 0.009)
- CIE Lab
- lab(51.06 18.27 3.79)
- LCH
- lch(51.06 18.66 11.7)
- CMYK
- cmyk(0% 28% 24% 40%)
Tinte · Ombre · Toni
Tinte
- A37C81
- AD8A8E
- B8989C
- C2A6A9
- CCB4B7
- D6C3C5
- E0D2D3
- EBE1E2
- F5F0F0
Ombre
- 845F64
- 705054
- 5D4145
- 4A3337
- 382629
- 27191B
- 170E0F
- 080405
- 010101
Toni
- 977075
- 957276
- 927478
- 907679
- 8D777A
- 8B797B
- 887B7C
- 867D7E
- 837E7F
Armonie di colore
Complementare +180°
- 996E74
Stravinsky
- 538682
≈ Jericho Jade
Analogo -30° +30°
- 996E74
Stravinsky
- 926F86
≈ Very Grape
- 997163
≈ Antique Rose
Triadico +120° +240°
- 996E74
Stravinsky
- 71825F
≈ Equatorial Forest
- 627E9B
≈ Blue Oar
Complementare divisa +150° +210°
- 996E74
Stravinsky
- 5F8670
≈ Dark Jade
- 558392
≈ Blue Moon Bay
Tetradico +90° +180° +270°
- 996E74
Stravinsky
- 837C56
≈ Fern Grove
- 538682
≈ Jericho Jade
- 74789C
≈ Blue Dove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.34:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.83:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--stravinsky: #996e74;
--stravinsky-rgb: 153 110 116;
--stravinsky-oklch: oklch(0.584 0.055 9.7);
}
.element {
color: var(--stravinsky);
background-color: hsl(352 17% 52%);
border-color: oklch(0.584 0.055 9.7);
}Tailwind CSS v4
@theme {
--color-stravinsky: #996e74;
--color-stravinsky-50: #ffeff1;
--color-stravinsky-100: #fae1e3;
--color-stravinsky-200: #ebcbce;
--color-stravinsky-300: #d2acb0;
--color-stravinsky-400: #bc9197;
--color-stravinsky-500: #a7777e;
--color-stravinsky-600: #8d656b;
--color-stravinsky-700: #715155;
--color-stravinsky-800: #533a3f;
--color-stravinsky-900: #3a282b;
--color-stravinsky-950: #241619;
}SCSS
$stravinsky: #996e74;
$stravinsky-rgb: 153, 110, 116;
$stravinsky-light: mix(#fff, $stravinsky, 20%);
$stravinsky-dark: mix(#000, $stravinsky, 20%);
.element {
color: $stravinsky;
box-shadow: 0 0 0 2px rgba($stravinsky, 0.35);
}