Colore con nome · #645671
Rich Texture
Rich Texture è #645671: rgb(100 86 113), hsl(271 14% 39%), oklch(0.477 0.046 308.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Rich Texture color name →
#645671
oklch(0.477 0.046 308.2)
Conversioni di colore
- HEX
- #645671
- RGB
- rgb(100 86 113)
- HSL
- hsl(271 14% 39%)
- HWB
- hwb(271 34% 56%)
- OKLCH
- oklch(0.477 0.046 308.2)
- OKLab
- oklab(0.477 0.028 -0.036)
- CIE Lab
- lab(38.74 10.2 -13.29)
- LCH
- lch(38.74 16.75 307.5)
- CMYK
- cmyk(12% 24% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 72657E
- 81758C
- 90859A
- 9F96A8
- AEA7B6
- BEB8C4
- CEC9D3
- DEDBE1
- EEEDF0
Ombre
- 564A61
- 483E52
- 3B3243
- 2E2735
- 221C27
- 16121A
- 0B080E
- 030204
- 000001
Toni
- 675A73
- 6A5E74
- 6C6276
- 6F6777
- 726B79
- 756F7A
- 77737C
- 7A787D
- 7D7C7F
Armonie di colore
Complementare +180°
- 645671
Rich Texture
- 556246
≈ Boughs of Pine
Analogo -30° +30°
- 645671
Rich Texture
- 565A77
≈ When Worlds Collide
- 6E5366
≈ Earth Brown Violet
Triadico +120° +240°
- 645671
Rich Texture
- 6E5841
≈ Tobacco Brown
- 3D6562
≈ Moor Pond Green
Complementare divisa +150° +210°
- 645671
Rich Texture
- 635D3F
≈ Shagbark Olive
- 476553
≈ Cucumber Green
Tetradico +90° +180° +270°
- 645671
Rich Texture
- 74544A
≈ Terrace Brown
- 556246
≈ Boughs of Pine
- 3E636E
≈ Juniper Berry Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.74:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.11:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.74:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-texture: #645671;
--rich-texture-rgb: 100 86 113;
--rich-texture-oklch: oklch(0.477 0.046 308.2);
}
.element {
color: var(--rich-texture);
background-color: hsl(271 14% 39%);
border-color: oklch(0.477 0.046 308.2);
}Tailwind CSS v4
@theme {
--color-rich-texture: #645671;
--color-rich-texture-50: #f9f2ff;
--color-rich-texture-100: #ede4f4;
--color-rich-texture-200: #dacfe3;
--color-rich-texture-300: #bfb1c9;
--color-rich-texture-400: #a698b4;
--color-rich-texture-500: #8f7e9e;
--color-rich-texture-600: #796b86;
--color-rich-texture-700: #61556b;
--color-rich-texture-800: #463e4f;
--color-rich-texture-900: #312b37;
--color-rich-texture-950: #1d1822;
}SCSS
$rich-texture: #645671;
$rich-texture-rgb: 100, 86, 113;
$rich-texture-light: mix(#fff, $rich-texture, 20%);
$rich-texture-dark: mix(#000, $rich-texture, 20%);
.element {
color: $rich-texture;
box-shadow: 0 0 0 2px rgba($rich-texture, 0.35);
}