Colore con nome più vicino · #666E66
#666E66
Colore con nome più vicino: Armoury
#666E66 (rgb(102 110 102), hsl(120 4% 42%), oklch(0.529 0.016 145.3)) è più vicino al colore con nome Armoury. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#666E66
oklch(0.529 0.016 145.3)
Conversioni di colore
- HEX
- #666e66
- RGB
- rgb(102 110 102)
- HSL
- hsl(120 4% 42%)
- HWB
- hwb(120 40% 57%)
- OKLCH
- oklch(0.529 0.016 145.3)
- OKLab
- oklab(0.529 -0.013 0.009)
- CIE Lab
- lab(45.55 -4.41 3.38)
- LCH
- lch(45.55 5.55 142.5)
- CMYK
- cmyk(7% 0% 7% 57%)
Tinte · Ombre · Toni
Tinte
- 747B74
- 838982
- 919791
- A0A5A0
- AFB4AF
- BFC2BF
- CFD1CF
- DFE0DE
- EFF0EF
Ombre
- 585F58
- 4A504A
- 3C413C
- 2F332F
- 232623
- 171917
- 0C0E0C
- 040404
- 000100
Toni
- 697069
- 6B726B
- 6E736E
- 707570
- 737773
- 767975
- 787B78
- 7B7C7B
- 7D7E7D
Armonie di colore
Complementare +180°
- 666E66
Armoury
- 706870
≈ Pirate’s Trinket
Analogo -30° +30°
- 666E66
Armoury
- 6B6D63
≈ Bonsai Trunk
- 626F6B
≈ Rocky River
Triadico +120° +240°
- 666E66
Armoury
- 676B75
≈ Blue Sari
- 746867
≈ Warm Haze
Complementare divisa +150° +210°
- 666E66
Armoury
- 6C6A74
≈ Warpfiend Grey
- 73686C
≈ Rhapsody Rap
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--armoury: #666e66;
--armoury-rgb: 102 110 102;
--armoury-oklch: oklch(0.529 0.016 145.3);
}
.element {
color: var(--armoury);
background-color: hsl(120 4% 42%);
border-color: oklch(0.529 0.016 145.3);
}Tailwind CSS v4
@theme {
--color-armoury: #666e66;
--color-armoury-50: #f2f6f2;
--color-armoury-100: #e5e9e5;
--color-armoury-200: #d0d6d0;
--color-armoury-300: #b2bab3;
--color-armoury-400: #99a199;
--color-armoury-500: #808980;
--color-armoury-600: #6c746c;
--color-armoury-700: #575d57;
--color-armoury-800: #3f443f;
--color-armoury-900: #2c2f2b;
--color-armoury-950: #191b19;
}SCSS
$armoury: #666e66;
$armoury-rgb: 102, 110, 102;
$armoury-light: mix(#fff, $armoury, 20%);
$armoury-dark: mix(#000, $armoury, 20%);
.element {
color: $armoury;
box-shadow: 0 0 0 2px rgba($armoury, 0.35);
}