Colore con nome più vicino · #667C67
#667C67
Colore con nome più vicino: Ecological
#667C67 (rgb(102 124 103), hsl(123 10% 44%), oklch(0.562 0.041 146.2)) è più vicino al colore con nome Ecological. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#667C67
oklch(0.562 0.041 146.2)
Conversioni di colore
- HEX
- #667c67
- RGB
- rgb(102 124 103)
- HSL
- hsl(123 10% 44%)
- HWB
- hwb(123 40% 51%)
- OKLCH
- oklch(0.562 0.041 146.2)
- OKLab
- oklab(0.562 -0.034 0.023)
- CIE Lab
- lab(49.77 -11.65 8.73)
- LCH
- lch(49.77 14.56 143.2)
- CMYK
- cmyk(18% 0% 17% 51%)
Tinte · Ombre · Toni
Tinte
- 748875
- 839583
- 92A292
- A1AEA1
- B0BCB0
- BFC9BF
- CFD6CF
- DFE4DF
- EFF1EF
Ombre
- 586B59
- 4A5A4B
- 3C4A3D
- 2F3B30
- 232C23
- 171E17
- 0C110C
- 040504
- 000100
Toni
- 697C6A
- 6B7D6C
- 6E7D6F
- 717E71
- 737E74
- 767F76
- 787F79
- 7B7F7B
- 7D807E
Armonie di colore
Complementare +180°
- 667C67
Ecological
- 826D82
≈ Parma Grey
Analogo -30° +30°
- 667C67
Ecological
- 73795D
≈ Aceituna Picante
- 5C7D74
≈ Hanging Moss
Triadico +120° +240°
- 667C67
Ecological
- 6A758E
≈ Legal Eagle
- 8C6C69
≈ Moss Rose
Complementare divisa +150° +210°
- 667C67
Ecological
- 77718B
≈ Capercaillie Mauve
- 8A6B76
≈ Evening Crimson
Tetradico +90° +180° +270°
- 667C67
Ecological
- 5E798A
≈ Providence
- 826D82
≈ Parma Grey
- 896F5E
≈ Cloudy Cinnamon
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--ecological: #667c67;
--ecological-rgb: 102 124 103;
--ecological-oklch: oklch(0.562 0.041 146.2);
}
.element {
color: var(--ecological);
background-color: hsl(123 10% 44%);
border-color: oklch(0.562 0.041 146.2);
}Tailwind CSS v4
@theme {
--color-ecological: #667c67;
--color-ecological-50: #eef9ef;
--color-ecological-100: #dfece0;
--color-ecological-200: #c9d9cb;
--color-ecological-300: #aabeac;
--color-ecological-400: #8fa590;
--color-ecological-500: #758e76;
--color-ecological-600: #637864;
--color-ecological-700: #4f6050;
--color-ecological-800: #3a463a;
--color-ecological-900: #283127;
--color-ecological-950: #161d16;
}SCSS
$ecological: #667c67;
$ecological-rgb: 102, 124, 103;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}