Nazwany kolor · #94A089
Triamble
Triamble to #94A089: rgb(148 160 137), hsl(91 11% 58%), oklch(0.69 0.036 129.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Triamble color name →
#94A089
oklch(0.69 0.036 129.9)
Konwersje koloru
- HEX
- #94a089
- RGB
- rgb(148 160 137)
- HSL
- hsl(91 11% 58%)
- HWB
- hwb(91 54% 37%)
- OKLCH
- oklch(0.69 0.036 129.9)
- OKLab
- oklab(0.69 -0.023 0.027)
- CIE Lab
- lab(64.41 -7.67 10.52)
- LCH
- lch(64.41 13.02 126.1)
- CMYK
- cmyk(7% 0% 14% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9EA994
- A9B2A0
- B3BCAB
- BEC5B7
- C8CFC3
- D3D8CE
- DEE2DA
- E9EBE6
- F4F5F3
Odcienie ciemniejsze
- 808B76
- 6D7664
- 5A6153
- 484E42
- 363B31
- 262922
- 161914
- 080907
- 010101
Tony
- 929D88
- 909A87
- 8E9686
- 8C9386
- 8A9085
- 888D84
- 868A83
- 848682
- 828381
Harmonie kolorów
Komplementarna +180°
- 94A089
Triamble
- A296AC
≈ Night Music
Analogowa -30° +30°
- 94A089
Triamble
- A09C83
≈ Knock on Wood
- 89A294
≈ Modern Mint
Triada +120° +240°
- 94A089
Triamble
- 8B9DB1
≈ Private Jet
- B09396
≈ Deauville Mauve
Komplementarna rozszczepiona +150° +210°
- 94A089
Triamble
- 9699B2
≈ Bay Fog
- AB93A2
≈ Grape Soda
Tetrada +90° +180° +270°
- 94A089
Triamble
- 83A1AB
≈ Tourmaline
- A296AC
≈ Night Music
- B0948B
≈ Thatch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.74:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.64:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--triamble: #94a089;
--triamble-rgb: 148 160 137;
--triamble-oklch: oklch(0.69 0.036 129.9);
}
.element {
color: var(--triamble);
background-color: hsl(91 11% 58%);
border-color: oklch(0.69 0.036 129.9);
}Tailwind CSS v4
@theme {
--color-triamble: #94a089;
--color-triamble-50: #f1f7ed;
--color-triamble-100: #e3ebde;
--color-triamble-200: #cfd8c8;
--color-triamble-300: #b1bca9;
--color-triamble-400: #98a38d;
--color-triamble-500: #7e8b73;
--color-triamble-600: #6b7661;
--color-triamble-700: #565e4d;
--color-triamble-800: #3f4538;
--color-triamble-900: #2b3026;
--color-triamble-950: #191c14;
}SCSS
$triamble: #94a089;
$triamble-rgb: 148, 160, 137;
$triamble-light: mix(#fff, $triamble, 20%);
$triamble-dark: mix(#000, $triamble, 20%);
.element {
color: $triamble;
box-shadow: 0 0 0 2px rgba($triamble, 0.35);
}