Colore con nome · #67636E
Lavender Moor
Lavender Moor è #67636E: rgb(103 99 110), hsl(262 5% 41%), oklch(0.507 0.018 302.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lavender Moor color name →
#67636E
oklch(0.507 0.018 302.3)
Conversioni di colore
- HEX
- #67636e
- RGB
- rgb(103 99 110)
- HSL
- hsl(262 5% 41%)
- HWB
- hwb(262 39% 57%)
- OKLCH
- oklch(0.507 0.018 302.3)
- OKLab
- oklab(0.507 0.01 -0.015)
- CIE Lab
- lab(42.62 3.37 -5.64)
- LCH
- lch(42.62 6.57 300.8)
- CMYK
- cmyk(6% 10% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 75717B
- 838089
- 928F97
- A19EA5
- B0AEB4
- BFBEC2
- CFCED1
- DFDEE0
- EFEEF0
Ombre
- 59555F
- 4B4750
- 3D3A41
- 302E33
- 232126
- 171619
- 0C0B0E
- 040304
- 000001
Toni
- 696670
- 6C6972
- 6E6C73
- 716E75
- 737177
- 767479
- 78777B
- 7B7A7C
- 7D7D7E
Armonie di colore
Complementare +180°
- 67636E
Lavender Moor
- 63675C
≈ Greenish Grey Bark
Analogo -30° +30°
- 67636E
Lavender Moor
- 626570
≈ Eventide
- 6C626A
≈ Vibrant Vision
Triadico +120° +240°
- 67636E
Lavender Moor
- 6D635B
≈ Back Stage
- 5B6966
≈ Wing Man
Complementare divisa +150° +210°
- 67636E
Lavender Moor
- 69655A
≈ Patio Stone
- 5E6860
≈ Pine Mountain
Tetradico +90° +180° +270°
- 67636E
Lavender Moor
- 6F625F
≈ Browse Brown
- 63675C
≈ Greenish Grey Bark
- 5A686B
≈ Whale Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.85:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.58:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender-moor: #67636e;
--lavender-moor-rgb: 103 99 110;
--lavender-moor-oklch: oklch(0.507 0.018 302.3);
}
.element {
color: var(--lavender-moor);
background-color: hsl(262 5% 41%);
border-color: oklch(0.507 0.018 302.3);
}Tailwind CSS v4
@theme {
--color-lavender-moor: #67636e;
--color-lavender-moor-50: #f6f4f9;
--color-lavender-moor-100: #e9e6ed;
--color-lavender-moor-200: #d6d2db;
--color-lavender-moor-300: #b9b5bf;
--color-lavender-moor-400: #a09ca7;
--color-lavender-moor-500: #888490;
--color-lavender-moor-600: #736f7a;
--color-lavender-moor-700: #5c5962;
--color-lavender-moor-800: #434148;
--color-lavender-moor-900: #2e2d32;
--color-lavender-moor-950: #1b1a1e;
}SCSS
$lavender-moor: #67636e;
$lavender-moor-rgb: 103, 99, 110;
$lavender-moor-light: mix(#fff, $lavender-moor, 20%);
$lavender-moor-dark: mix(#000, $lavender-moor, 20%);
.element {
color: $lavender-moor;
box-shadow: 0 0 0 2px rgba($lavender-moor, 0.35);
}