Nazwany kolor · #688878
Green Adirondack
Green Adirondack to #688878: rgb(104 136 120), hsl(150 13% 47%), oklch(0.597 0.044 163.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Adirondack color name →
#688878
oklch(0.597 0.044 163.1)
Konwersje koloru
- HEX
- #688878
- RGB
- rgb(104 136 120)
- HSL
- hsl(150 13% 47%)
- HWB
- hwb(150 41% 47%)
- OKLCH
- oklch(0.597 0.044 163.1)
- OKLab
- oklab(0.597 -0.042 0.013)
- CIE Lab
- lab(53.89 -14.4 4.74)
- LCH
- lch(53.89 15.16 161.8)
- CMYK
- cmyk(24% 0% 12% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 769385
- 859F91
- 94AA9F
- A2B6AC
- B1C2B9
- C1CEC7
- D0DAD5
- DFE6E3
- EFF3F1
Odcienie ciemniejsze
- 597567
- 4B6357
- 3E5248
- 304139
- 24312A
- 18221D
- 0C1310
- 040605
- 000101
Tony
- 6B8779
- 6D867A
- 70867A
- 72857B
- 75847C
- 77837D
- 79837E
- 7C827E
- 7E817F
Harmonie kolorów
Komplementarna +180°
- 688878
Green Adirondack
- 937586
≈ Tragic Juliet
Analogowa -30° +30°
- 688878
Green Adirondack
- 75856B
≈ Wreath
- 618887
≈ Steel Teal
Triada +120° +240°
- 688878
Green Adirondack
- 7B7D99
≈ Waterloo
- 97776B
≈ Chocolate Delight
Komplementarna rozszczepiona +150° +210°
- 688878
Green Adirondack
- 897892
≈ Self Powered
- 987578
≈ March Pink
Tetrada +90° +180° +270°
- 688878
Green Adirondack
- 6D8199
≈ Grey Blueberry
- 937586
≈ Tragic Juliet
- 907C63
≈ Resort Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.90:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.38:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.38:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-adirondack: #688878;
--green-adirondack-rgb: 104 136 120;
--green-adirondack-oklch: oklch(0.597 0.044 163.1);
}
.element {
color: var(--green-adirondack);
background-color: hsl(150 13% 47%);
border-color: oklch(0.597 0.044 163.1);
}Tailwind CSS v4
@theme {
--color-green-adirondack: #688878;
--color-green-adirondack-50: #eaf9f2;
--color-green-adirondack-100: #dbede4;
--color-green-adirondack-200: #c4dbd0;
--color-green-adirondack-300: #a4bfb2;
--color-green-adirondack-400: #88a797;
--color-green-adirondack-500: #6c907e;
--color-green-adirondack-600: #5c7a6b;
--color-green-adirondack-700: #496155;
--color-green-adirondack-800: #35473d;
--color-green-adirondack-900: #24312a;
--color-green-adirondack-950: #131d18;
}SCSS
$green-adirondack: #688878;
$green-adirondack-rgb: 104, 136, 120;
$green-adirondack-light: mix(#fff, $green-adirondack, 20%);
$green-adirondack-dark: mix(#000, $green-adirondack, 20%);
.element {
color: $green-adirondack;
box-shadow: 0 0 0 2px rgba($green-adirondack, 0.35);
}