Nazwany kolor · #7A9461
Lush Highlands
Lush Highlands to #7A9461: rgb(122 148 97), hsl(91 21% 48%), oklch(0.633 0.079 130.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lush Highlands color name →
#7A9461
oklch(0.633 0.079 130.3)
Konwersje koloru
- HEX
- #7a9461
- RGB
- rgb(122 148 97)
- HSL
- hsl(91 21% 48%)
- HWB
- hwb(91 38% 42%)
- OKLCH
- oklch(0.633 0.079 130.3)
- OKLab
- oklab(0.633 -0.051 0.06)
- CIE Lab
- lab(58.31 -16.61 23.87)
- LCH
- lch(58.31 29.09 124.8)
- CMYK
- cmyk(18% 0% 34% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879E70
- 93A980
- A0B38F
- ADBE9F
- BAC9AE
- C8D3BE
- D5DECE
- E3E9DE
- F1F4EF
Odcienie ciemniejsze
- 698053
- 596D46
- 495A39
- 3A482D
- 2B3621
- 1D2615
- 10160B
- 050803
- 010100
Tony
- 7B9265
- 7B9068
- 7C8E6B
- 7D8C6E
- 7D8A72
- 7E8875
- 7E8678
- 7F847A
- 7F827D
Harmonie kolorów
Komplementarna +180°
- 7A9461
Lush Highlands
- 997DAE
≈ Captivated
Analogowa -30° +30°
- 7A9461
Lush Highlands
- 958C52
≈ Cornus Green
- 5D997A
≈ Memphis Green
Triada +120° +240°
- 7A9461
Lush Highlands
- 658EB8
≈ Blue Dazzle
- B4767F
≈ Precious Garnet
Komplementarna rozszczepiona +150° +210°
- 7A9461
Lush Highlands
- 8185B9
≈ Deep Periwinkle
- AB7799
≈ Wonder Wish
Tetrada +90° +180° +270°
- 7A9461
Lush Highlands
- 4E95AB
≈ Alpine Lake
- 997DAE
≈ Captivated
- B37A65
≈ Happy Trails
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.36:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.23:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--lush-highlands: #7a9461;
--lush-highlands-rgb: 122 148 97;
--lush-highlands-oklch: oklch(0.633 0.079 130.3);
}
.element {
color: var(--lush-highlands);
background-color: hsl(91 21% 48%);
border-color: oklch(0.633 0.079 130.3);
}Tailwind CSS v4
@theme {
--color-lush-highlands: #7a9461;
--color-lush-highlands-50: #edfae3;
--color-lush-highlands-100: #deeed3;
--color-lush-highlands-200: #c8dcba;
--color-lush-highlands-300: #a8c097;
--color-lush-highlands-400: #8fa877;
--color-lush-highlands-500: #749159;
--color-lush-highlands-600: #637b4b;
--color-lush-highlands-700: #4f623c;
--color-lush-highlands-800: #3a482a;
--color-lush-highlands-900: #28321c;
--color-lush-highlands-950: #161e0c;
}SCSS
$lush-highlands: #7a9461;
$lush-highlands-rgb: 122, 148, 97;
$lush-highlands-light: mix(#fff, $lush-highlands, 20%);
$lush-highlands-dark: mix(#000, $lush-highlands, 20%);
.element {
color: $lush-highlands;
box-shadow: 0 0 0 2px rgba($lush-highlands, 0.35);
}