Nazwany kolor · #A89F86
Tent Green
Tent Green to #A89F86: rgb(168 159 134), hsl(44 16% 59%), oklch(0.703 0.037 90.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tent Green color name →
#A89F86
oklch(0.703 0.037 90.6)
Konwersje koloru
- HEX
- #a89f86
- RGB
- rgb(168 159 134)
- HSL
- hsl(44 16% 59%)
- HWB
- hwb(44 53% 34%)
- OKLCH
- oklch(0.703 0.037 90.6)
- OKLab
- oklab(0.703 0 0.037)
- CIE Lab
- lab(65.76 0.27 14.35)
- LCH
- lch(65.76 14.35 88.9)
- CMYK
- cmyk(0% 5% 20% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0A892
- B9B29D
- C1BBA9
- CAC4B5
- D3CEC1
- DBD8CD
- E4E1DA
- EDEBE6
- F6F5F2
Odcienie ciemniejsze
- 928A74
- 7C7562
- 676151
- 524D40
- 3F3B30
- 2C2921
- 1A1813
- 0A0906
- 010101
Tony
- A49C86
- A09985
- 9C9684
- 989384
- 948F83
- 908C83
- 8C8982
- 888681
- 848381
Harmonie kolorów
Komplementarna +180°
- A89F86
Tent Green
- 979FB7
≈ Silver Star
Analogowa -30° +30°
- A89F86
Tent Green
- B19B89
≈ Woodland Stone
- 9CA38A
≈ Edamame
Triada +120° +240°
- A89F86
Tent Green
- 86A6AC
≈ Impressionist
- AD98AA
≈ Lilac Lustre
Komplementarna rozszczepiona +150° +210°
- A89F86
Tent Green
- 8CA3B4
≈ Favourite Jeans
- A39BB3
≈ Logan
Tetrada +90° +180° +270°
- A89F86
Tent Green
- 87A7A0
≈ Tropical Cascade
- 979FB7
≈ Silver Star
- B4969E
≈ Deep South
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.96:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--tent-green: #a89f86;
--tent-green-rgb: 168 159 134;
--tent-green-oklch: oklch(0.703 0.037 90.6);
}
.element {
color: var(--tent-green);
background-color: hsl(44 16% 59%);
border-color: oklch(0.703 0.037 90.6);
}Tailwind CSS v4
@theme {
--color-tent-green: #a89f86;
--color-tent-green-50: #f9f5ea;
--color-tent-green-100: #ece8da;
--color-tent-green-200: #d9d4c3;
--color-tent-green-300: #beb7a3;
--color-tent-green-400: #a79e86;
--color-tent-green-500: #8f866b;
--color-tent-green-600: #79715b;
--color-tent-green-700: #615a48;
--color-tent-green-800: #484234;
--color-tent-green-900: #322d23;
--color-tent-green-950: #1e1a12;
}SCSS
$tent-green: #a89f86;
$tent-green-rgb: 168, 159, 134;
$tent-green-light: mix(#fff, $tent-green, 20%);
$tent-green-dark: mix(#000, $tent-green, 20%);
.element {
color: $tent-green;
box-shadow: 0 0 0 2px rgba($tent-green, 0.35);
}