Nazwany kolor · #6A8D88
Aspen Hush
Aspen Hush to #6A8D88: rgb(106 141 136), hsl(171 14% 48%), oklch(0.616 0.04 185.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aspen Hush color name →
#6A8D88
oklch(0.616 0.04 185.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 789893
- 87A39F
- 95AEAA
- A4B9B6
- B3C5C2
- C2D0CE
- D1DCDA
- E0E7E6
- EFF3F3
Odcienie ciemniejsze
- 5B7A75
- 4D6763
- 3F5552
- 314441
- 243331
- 182322
- 0D1413
- 040706
- 000101
Tony
- 6D8C87
- 6F8A86
- 718986
- 748885
- 768784
- 788583
- 7A8482
- 7C8382
- 7E8181
Harmonie kolorów
Komplementarna +180°
- 6A8D88
Aspen Hush
- 9B7B81
≈ Mulberry Wine
Analogowa -30° +30°
- 6A8D88
Aspen Hush
- 728C7B
≈ Hedge Green
- 6A8B94
≈ Blue Shoal
Triada +120° +240°
- 6A8D88
Aspen Hush
- 8A7F98
≈ Grey Dusk
- 96806C
≈ Sofisticata
Komplementarna rozszczepiona +150° +210°
- 6A8D88
Aspen Hush
- 957C8E
≈ Plum Swirl
- 9B7D75
≈ Cougar
Tetrada +90° +180° +270°
- 6A8D88
Aspen Hush
- 7E839D
≈ Tempest
- 9B7B81
≈ Mulberry Wine
- 8C856A
≈ Tidal Thicket
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.63:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.77:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}