Colore con nome · #6A8D88
Aspen Hush
Aspen Hush è #6A8D88: rgb(106 141 136), hsl(171 14% 48%), oklch(0.616 0.04 185.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aspen Hush color name →
#6A8D88
oklch(0.616 0.04 185.4)
Conversioni di colore
- HEX
- #6a8d88
- RGB
- rgb(106 141 136)
- HSL
- hsl(171 14% 48%)
- HWB
- hwb(171 42% 45%)
- OKLCH
- oklch(0.616 0.04 185.4)
- OKLab
- oklab(0.616 -0.04 -0.004)
- CIE Lab
- lab(55.88 -13.54 -1.53)
- LCH
- lch(55.88 13.62 186.4)
- CMYK
- cmyk(25% 0% 4% 45%)
Tinte · Ombre · Toni
Tinte
- 789893
- 87A39F
- 95AEAA
- A4B9B6
- B3C5C2
- C2D0CE
- D1DCDA
- E0E7E6
- EFF3F3
Ombre
- 5B7A75
- 4D6763
- 3F5552
- 314441
- 243331
- 182322
- 0D1413
- 040706
- 000101
Toni
- 6D8C87
- 6F8A86
- 718986
- 748885
- 768784
- 788583
- 7A8482
- 7C8382
- 7E8181
Armonie di colore
Complementare +180°
- 6A8D88
Aspen Hush
- 9B7B81
≈ Mulberry Wine
Analogo -30° +30°
- 6A8D88
Aspen Hush
- 728C7B
≈ Hedge Green
- 6A8B94
≈ Blue Shoal
Triadico +120° +240°
- 6A8D88
Aspen Hush
- 8A7F98
≈ Grey Dusk
- 96806C
≈ Sofisticata
Complementare divisa +150° +210°
- 6A8D88
Aspen Hush
- 957C8E
≈ Plum Swirl
- 9B7D75
≈ Cougar
Tetradico +90° +180° +270°
- 6A8D88
Aspen Hush
- 7E839D
≈ Tempest
- 9B7B81
≈ Mulberry Wine
- 8C856A
≈ Tidal Thicket
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.63:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.77:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--aspen-hush: #6a8d88;
--aspen-hush-rgb: 106 141 136;
--aspen-hush-oklch: oklch(0.616 0.04 185.4);
}
.element {
color: var(--aspen-hush);
background-color: hsl(171 14% 48%);
border-color: oklch(0.616 0.04 185.4);
}Tailwind CSS v4
@theme {
--color-aspen-hush: #6a8d88;
--color-aspen-hush-50: #e9f9f7;
--color-aspen-hush-100: #daecea;
--color-aspen-hush-200: #c2dad7;
--color-aspen-hush-300: #a1bebb;
--color-aspen-hush-400: #85a6a2;
--color-aspen-hush-500: #688f8a;
--color-aspen-hush-600: #597974;
--color-aspen-hush-700: #47615d;
--color-aspen-hush-800: #334744;
--color-aspen-hush-900: #23312f;
--color-aspen-hush-950: #121d1b;
}SCSS
$aspen-hush: #6a8d88;
$aspen-hush-rgb: 106, 141, 136;
$aspen-hush-light: mix(#fff, $aspen-hush, 20%);
$aspen-hush-dark: mix(#000, $aspen-hush, 20%);
.element {
color: $aspen-hush;
box-shadow: 0 0 0 2px rgba($aspen-hush, 0.35);
}