Colore con nome più vicino · #955A7A
#955A7A
Colore con nome più vicino: Indian Silk
#955A7A (rgb(149 90 122), hsl(327 25% 47%), oklch(0.544 0.088 346.7)) è più vicino al colore con nome Indian Silk. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#955A7A
oklch(0.544 0.088 346.7)
Conversioni di colore
- HEX
- #955a7a
- RGB
- rgb(149 90 122)
- HSL
- hsl(327 25% 47%)
- HWB
- hwb(327 35% 42%)
- OKLCH
- oklch(0.544 0.088 346.7)
- OKLab
- oklab(0.544 0.086 -0.02)
- CIE Lab
- lab(45.9 28.3 -7.34)
- LCH
- lch(45.9 29.24 345.5)
- CMYK
- cmyk(0% 40% 18% 42%)
Tinte · Ombre · Toni
Tinte
- A06A87
- AB7993
- B689A0
- C09AAD
- CBAABA
- D5BBC8
- E0CBD5
- EADCE3
- F5EEF1
Ombre
- 814D69
- 6D4159
- 5A3549
- 48293A
- 371E2B
- 26131D
- 160910
- 080305
- 010001
Toni
- 935E7B
- 92627B
- 90667C
- 8E6A7C
- 8C6E7D
- 8A717E
- 88757E
- 85797F
- 837C7F
Armonie di colore
Complementare +180°
- 955A7A
Indian Silk
- 338065
≈ Dream Green
Analogo -30° +30°
- 955A7A
Indian Silk
- 845F92
≈ Swiss Lilac
- 9D5A5D
≈ Ruby Crystal
Triadico +120° +240°
- 955A7A
Indian Silk
- 767331
≈ Crocodile Style
- 2A7A97
≈ Turkish Stone
Complementare divisa +150° +210°
- 955A7A
Indian Silk
- 577C47
≈ Mossy Green
- 157F81
≈ Teal
Tetradico +90° +180° +270°
- 955A7A
Indian Silk
- 8D682E
≈ Tapenade
- 338065
≈ Dream Green
- 4D71A3
≈ Great Serpent
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--indian-silk: #955a7a;
--indian-silk-rgb: 149 90 122;
--indian-silk-oklch: oklch(0.544 0.088 346.7);
}
.element {
color: var(--indian-silk);
background-color: hsl(327 25% 47%);
border-color: oklch(0.544 0.088 346.7);
}Tailwind CSS v4
@theme {
--color-indian-silk: #955a7a;
--color-indian-silk-50: #ffebf9;
--color-indian-silk-100: #ffdded;
--color-indian-silk-200: #f2c6da;
--color-indian-silk-300: #dba5bf;
--color-indian-silk-400: #c589a9;
--color-indian-silk-500: #b16e92;
--color-indian-silk-600: #955d7b;
--color-indian-silk-700: #784a63;
--color-indian-silk-800: #583649;
--color-indian-silk-900: #3e2533;
--color-indian-silk-950: #27131f;
}SCSS
$indian-silk: #955a7a;
$indian-silk-rgb: 149, 90, 122;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}