Colore con nome · #6D657E
Victorian Iris
Victorian Iris è #6D657E: rgb(109 101 126), hsl(259 11% 45%), oklch(0.523 0.04 299.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Victorian Iris color name →
#6D657E
oklch(0.523 0.04 299.7)
Conversioni di colore
- HEX
- #6d657e
- RGB
- rgb(109 101 126)
- HSL
- hsl(259 11% 45%)
- HWB
- hwb(259 40% 51%)
- OKLCH
- oklch(0.523 0.04 299.7)
- OKLab
- oklab(0.523 0.02 -0.035)
- CIE Lab
- lab(44.23 7.29 -12.82)
- LCH
- lch(44.23 14.75 299.6)
- CMYK
- cmyk(13% 20% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 7A738A
- 888297
- 9691A3
- A5A0B0
- B3AFBD
- C2BFCA
- D1CED7
- E0DEE4
- EFEFF1
Ombre
- 5E576D
- 4F495C
- 413C4C
- 332F3C
- 26222D
- 19171F
- 0D0C11
- 040305
- 010001
Toni
- 6F687E
- 716A7F
- 736D7F
- 74707F
- 76727F
- 78757F
- 7A7880
- 7C7B80
- 7E7D80
Armonie di colore
Complementare +180°
- 6D657E
Victorian Iris
- 676E54
≈ Sea Fern
Analogo -30° +30°
- 6D657E
Victorian Iris
- 616982
≈ Spaceman
- 776275
≈ Purple Suede
Triadico +120° +240°
- 6D657E
Victorian Iris
- 7C6553
≈ Cobble Brown
- 50726A
≈ Smoky Emerald
Complementare divisa +150° +210°
- 6D657E
Victorian Iris
- 736950
≈ Hip Waders
- 5A715E
≈ Army Canvas
Tetradico +90° +180° +270°
- 6D657E
Victorian Iris
- 7F625C
≈ Hot Cocoa
- 676E54
≈ Sea Fern
- 4F7177
≈ Tornado Season
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.50:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.81:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--victorian-iris: #6d657e;
--victorian-iris-rgb: 109 101 126;
--victorian-iris-oklch: oklch(0.523 0.04 299.7);
}
.element {
color: var(--victorian-iris);
background-color: hsl(259 11% 45%);
border-color: oklch(0.523 0.04 299.7);
}Tailwind CSS v4
@theme {
--color-victorian-iris: #6d657e;
--color-victorian-iris-50: #f7f3ff;
--color-victorian-iris-100: #eae5f3;
--color-victorian-iris-200: #d7d1e3;
--color-victorian-iris-300: #bbb3c9;
--color-victorian-iris-400: #a29ab3;
--color-victorian-iris-500: #8a819d;
--color-victorian-iris-600: #756d85;
--color-victorian-iris-700: #5d576b;
--color-victorian-iris-800: #44404f;
--color-victorian-iris-900: #2f2c37;
--color-victorian-iris-950: #1b1922;
}SCSS
$victorian-iris: #6d657e;
$victorian-iris-rgb: 109, 101, 126;
$victorian-iris-light: mix(#fff, $victorian-iris, 20%);
$victorian-iris-dark: mix(#000, $victorian-iris, 20%);
.element {
color: $victorian-iris;
box-shadow: 0 0 0 2px rgba($victorian-iris, 0.35);
}