Nazwany kolor · #7E9B39
Aloe Vera Green
Aloe Vera Green to #7E9B39: rgb(126 155 57), hsl(78 46% 42%), oklch(0.647 0.129 124). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Aloe Vera Green color name →
#7E9B39
oklch(0.647 0.129 124)
Konwersje koloru
- HEX
- #7e9b39
- RGB
- rgb(126 155 57)
- HSL
- hsl(78 46% 42%)
- HWB
- hwb(78 22% 39%)
- OKLCH
- oklch(0.647 0.129 124)
- OKLab
- oklab(0.647 -0.072 0.107)
- CIE Lab
- lab(60.24 -21.67 46.17)
- LCH
- lch(60.24 51.01 115.1)
- CMYK
- cmyk(19% 0% 63% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8AA550
- 96AF65
- A3B978
- AFC38C
- BCCD9F
- C9D7B2
- D6E1C5
- E4EBD8
- F1F5EC
Odcienie ciemniejsze
- 6D8630
- 5C7228
- 4C5E1F
- 3C4B17
- 2D3910
- 1F2809
- 111804
- 050901
- 010100
Tony
- 7E9943
- 7E964C
- 7F9355
- 7F915C
- 7F8E63
- 7F8B69
- 7F896F
- 808675
- 80837B
Harmonie kolorów
Komplementarna +180°
- 7E9B39
Aloe Vera Green
- 9F79CE
≈ Wisteria
Analogowa -30° +30°
- 7E9B39
Aloe Vera Green
- A88C0F
≈ Strong Mustard
- 42A569
≈ Greenish
Triada +120° +240°
- 7E9B39
Aloe Vera Green
- 3C95D7
≈ Boyzone
- CE6A85
≈ Artful Pink
Komplementarna rozszczepiona +150° +210°
- 7E9B39
Aloe Vera Green
- 7687DC
≈ Tanzine
- BD6EAF
≈ Crocus
Tetrada +90° +180° +270°
- 7E9B39
Aloe Vera Green
- 009FB8
≈ January Blue
- 9F79CE
≈ Wisteria
- D16E58
≈ Red Orpiment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.16:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.63:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--aloe-vera-green: #7e9b39;
--aloe-vera-green-rgb: 126 155 57;
--aloe-vera-green-oklch: oklch(0.647 0.129 124);
}
.element {
color: var(--aloe-vera-green);
background-color: hsl(78 46% 42%);
border-color: oklch(0.647 0.129 124);
}Tailwind CSS v4
@theme {
--color-aloe-vera-green: #7e9b39;
--color-aloe-vera-green-50: #ecfdd5;
--color-aloe-vera-green-100: #ddf0c2;
--color-aloe-vera-green-200: #c6dfa2;
--color-aloe-vera-green-300: #a7c47a;
--color-aloe-vera-green-400: #8fab50;
--color-aloe-vera-green-500: #75941f;
--color-aloe-vera-green-600: #637d1d;
--color-aloe-vera-green-700: #4f6418;
--color-aloe-vera-green-800: #3b490c;
--color-aloe-vera-green-900: #283307;
--color-aloe-vera-green-950: #161e00;
}SCSS
$aloe-vera-green: #7e9b39;
$aloe-vera-green-rgb: 126, 155, 57;
$aloe-vera-green-light: mix(#fff, $aloe-vera-green, 20%);
$aloe-vera-green-dark: mix(#000, $aloe-vera-green, 20%);
.element {
color: $aloe-vera-green;
box-shadow: 0 0 0 2px rgba($aloe-vera-green, 0.35);
}