Adlandırılmış renk · #79AA87
Green Globe
Green Globe, #79AA87: rgb(121 170 135), hsl(137 22% 57%), oklch(0.693 0.073 153.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Globe color name →
#79AA87
oklch(0.693 0.073 153.1)
Renk dönüşümleri
- HEX
- #79aa87
- RGB
- rgb(121 170 135)
- HSL
- hsl(137 22% 57%)
- HWB
- hwb(137 47% 33%)
- OKLCH
- oklch(0.693 0.073 153.1)
- OKLab
- oklab(0.693 -0.065 0.033)
- CIE Lab
- lab(65.39 -22.56 12.64)
- LCH
- lch(65.39 25.86 150.7)
- CMYK
- cmyk(29% 0% 21% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86B292
- 94BB9E
- A1C3AA
- AECCB6
- BBD4C2
- C9DDCE
- D6E5DA
- E4EEE6
- F1F6F3
Koyu tonlar
- 689375
- 587D63
- 486851
- 395341
- 2B3F31
- 1D2D21
- 101B13
- 050B06
- 010101
Gri tonlar
- 7AA686
- 7BA286
- 7C9D85
- 7D9984
- 7E9584
- 7E9183
- 7F8D82
- 7F8882
- 808481
Renk uyumları
Tamamlayıcı +180°
- 79AA87
Green Globe
- B88CB0
≈ Purple Lepidolite
Analog -30° +30°
- 79AA87
Green Globe
- 93A471
≈ Luscious Lime
- 65ACA1
≈ Green Crush
Üçlü +120° +240°
- 79AA87
Green Globe
- 8D9ACA
≈ Easter Egg
- C58C7F
≈ Burnished Apricot
Bölünmüş tamamlayıcı +150° +210°
- 79AA87
Green Globe
- A592C2
≈ Lilac Breeze
- C48A98
≈ Desert Bud
Dörtlü +90° +180° +270°
- 79AA87
Green Globe
- 74A2C7
≈ Wandering River
- B88CB0
≈ Purple Lepidolite
- BD936D
≈ Painted Pony
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.65:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.91:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-globe: #79aa87;
--green-globe-rgb: 121 170 135;
--green-globe-oklch: oklch(0.693 0.073 153.1);
}
.element {
color: var(--green-globe);
background-color: hsl(137 22% 57%);
border-color: oklch(0.693 0.073 153.1);
}Tailwind CSS v4
@theme {
--color-green-globe: #79aa87;
--color-green-globe-50: #e6fcec;
--color-green-globe-100: #d6f0dd;
--color-green-globe-200: #bcdec7;
--color-green-globe-300: #9ac3a7;
--color-green-globe-400: #7dab8a;
--color-green-globe-500: #5f956f;
--color-green-globe-600: #517e5e;
--color-green-globe-700: #40654b;
--color-green-globe-800: #2f4a35;
--color-green-globe-900: #203324;
--color-green-globe-950: #0f1f13;
}SCSS
$green-globe: #79aa87;
$green-globe-rgb: 121, 170, 135;
$green-globe-light: mix(#fff, $green-globe, 20%);
$green-globe-dark: mix(#000, $green-globe, 20%);
.element {
color: $green-globe;
box-shadow: 0 0 0 2px rgba($green-globe, 0.35);
}