Colore con nome · #72696F
Lythrum
Lythrum è #72696F: rgb(114 105 111), hsl(320 4% 43%), oklch(0.531 0.014 337.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lythrum color name →
#72696F
oklch(0.531 0.014 337.8)
Conversioni di colore
- HEX
- #72696f
- RGB
- rgb(114 105 111)
- HSL
- hsl(320 4% 43%)
- HWB
- hwb(320 41% 55%)
- OKLCH
- oklch(0.531 0.014 337.8)
- OKLab
- oklab(0.531 0.013 -0.005)
- CIE Lab
- lab(45.41 4.54 -2.03)
- LCH
- lch(45.41 4.97 335.9)
- CMYK
- cmyk(0% 8% 3% 55%)
Tinte · Ombre · Toni
Tinte
- 7F777C
- 8D858A
- 9A9398
- A8A2A6
- B6B1B4
- C4C0C3
- D3D0D2
- E1DFE1
- F0EFF0
Ombre
- 625A60
- 534C51
- 443E42
- 363134
- 282427
- 1B181A
- 0E0C0E
- 040404
- 010001
Toni
- 736B71
- 756E72
- 767074
- 787276
- 797477
- 7A7779
- 7C797B
- 7D7B7D
- 7F7E7E
Armonie di colore
Complementare +180°
- 72696F
Lythrum
- 666F69
≈ On the Moor
Analogo -30° +30°
- 72696F
Lythrum
- 6E6A73
≈ Purple Comet
- 74696A
≈ Night Skyscraper
Triadico +120° +240°
- 72696F
Lythrum
- 6E6C63
≈ Thunderous
- 636E72
≈ American River
Complementare divisa +150° +210°
- 72696F
Lythrum
- 6A6E65
≈ Bonsai Trunk
- 636F6D
≈ Nevada
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.29:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.96:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--lythrum: #72696f;
--lythrum-rgb: 114 105 111;
--lythrum-oklch: oklch(0.531 0.014 337.8);
}
.element {
color: var(--lythrum);
background-color: hsl(320 4% 43%);
border-color: oklch(0.531 0.014 337.8);
}Tailwind CSS v4
@theme {
--color-lythrum: #72696f;
--color-lythrum-50: #f8f4f6;
--color-lythrum-100: #ebe6e9;
--color-lythrum-200: #d9d2d6;
--color-lythrum-300: #bdb5ba;
--color-lythrum-400: #a49ba1;
--color-lythrum-500: #8d8389;
--color-lythrum-600: #776f74;
--color-lythrum-700: #5f585d;
--color-lythrum-800: #464144;
--color-lythrum-900: #302c2f;
--color-lythrum-950: #1d1a1c;
}SCSS
$lythrum: #72696f;
$lythrum-rgb: 114, 105, 111;
$lythrum-light: mix(#fff, $lythrum, 20%);
$lythrum-dark: mix(#000, $lythrum, 20%);
.element {
color: $lythrum;
box-shadow: 0 0 0 2px rgba($lythrum, 0.35);
}