Colore con nome · #536762
Armada
Armada è #536762: rgb(83 103 98), hsl(165 11% 36%), oklch(0.496 0.025 178.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Armada color name →
#536762
oklch(0.496 0.025 178.3)
Conversioni di colore
- HEX
- #536762
- RGB
- rgb(83 103 98)
- HSL
- hsl(165 11% 36%)
- HWB
- hwb(165 33% 60%)
- OKLCH
- oklch(0.496 0.025 178.3)
- OKLab
- oklab(0.496 -0.025 0.001)
- CIE Lab
- lab(41.83 -8.66 0.2)
- LCH
- lch(41.83 8.66 178.7)
- CMYK
- cmyk(19% 0% 5% 60%)
Tinte · Ombre · Toni
Tinte
- 637570
- 73837F
- 83928E
- 94A19E
- A5B0AD
- B7BFBD
- C8CFCD
- DADFDE
- EDEFEE
Ombre
- 475954
- 3B4B47
- 303D3A
- 25302D
- 1B2321
- 111716
- 080C0B
- 020403
- 000000
Toni
- 586965
- 5C6C68
- 606E6B
- 65716E
- 697371
- 6E7674
- 727877
- 777B7A
- 7B7D7D
Armonie di colore
Complementare +180°
- 536762
Armada
- 6F5C62
≈ Poetry Plum
Analogo -30° +30°
- 536762
Armada
- 59665A
≈ Imperial Palm
- 52666A
≈ Iron Creek
Triadico +120° +240°
- 536762
Armada
- 645F6F
≈ Sedona Shadow
- 6D5F54
≈ Swiss Brown
Complementare divisa +150° +210°
- 536762
Armada
- 6A5D69
≈ Fiji Coral
- 705D5A
≈ Peppercorn
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--armada: #536762;
--armada-rgb: 83 103 98;
--armada-oklch: oklch(0.496 0.025 178.3);
}
.element {
color: var(--armada);
background-color: hsl(165 11% 36%);
border-color: oklch(0.496 0.025 178.3);
}Tailwind CSS v4
@theme {
--color-armada: #536762;
--color-armada-50: #eef8f5;
--color-armada-100: #dfebe8;
--color-armada-200: #c9d8d5;
--color-armada-300: #aabcb8;
--color-armada-400: #8fa49e;
--color-armada-500: #758c86;
--color-armada-600: #637672;
--color-armada-700: #4f5f5b;
--color-armada-800: #394542;
--color-armada-900: #27302e;
--color-armada-950: #151c1a;
}SCSS
$armada: #536762;
$armada-rgb: 83, 103, 98;
$armada-light: mix(#fff, $armada, 20%);
$armada-dark: mix(#000, $armada, 20%);
.element {
color: $armada;
box-shadow: 0 0 0 2px rgba($armada, 0.35);
}