Adlandırılmış renk · #4B6331
Gemstone Green
Gemstone Green, #4B6331: rgb(75 99 49), hsl(89 34% 29%), oklch(0.467 0.08 130.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? → · Gemstone Green color name →
#4B6331
oklch(0.467 0.08 130.1)
Renk dönüşümleri
- HEX
- #4b6331
- RGB
- rgb(75 99 49)
- HSL
- hsl(89 34% 29%)
- HWB
- hwb(89 19% 61%)
- OKLCH
- oklch(0.467 0.08 130.1)
- OKLab
- oklab(0.467 -0.051 0.061)
- CIE Lab
- lab(39.06 -16.47 25.17)
- LCH
- lch(39.06 30.08 123.2)
- CMYK
- cmyk(24% 0% 51% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B7245
- 6C8058
- 7D906C
- 8F9F80
- A1AE94
- B3BEA9
- C5CEBE
- D8DED3
- ECEEE9
Koyu tonlar
- 405529
- 354722
- 2B3A1A
- 212E13
- 17210C
- 0E1606
- 060B03
- 020301
- 000000
Gri tonlar
- 50663A
- 556942
- 5B6C4A
- 606F52
- 657259
- 6A7561
- 707869
- 757A71
- 7B7D78
Renk uyumları
Tamamlayıcı +180°
- 4B6331
Gemstone Green
- 684D7C
≈ Benevolence
Analog -30° +30°
- 4B6331
Gemstone Green
- 655B1F
≈ High Forest Green
- 2B684A
≈ Pumpkin Green
Üçlü +120° +240°
- 4B6331
Gemstone Green
- 355D85
≈ Pelagic
- 804650
≈ Desert Canyon
Bölünmüş tamamlayıcı +150° +210°
- 4B6331
Gemstone Green
- 515586
≈ Baby Whale
- 784868
≈ Fig Cluster
Dörtlü +90° +180° +270°
- 4B6331
Gemstone Green
- 116479
≈ Blue Enchantment
- 684D7C
≈ Benevolence
- 804A37
≈ Sencha Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.71:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.12:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--gemstone-green: #4b6331;
--gemstone-green-rgb: 75 99 49;
--gemstone-green-oklch: oklch(0.467 0.08 130.1);
}
.element {
color: var(--gemstone-green);
background-color: hsl(89 34% 29%);
border-color: oklch(0.467 0.08 130.1);
}Tailwind CSS v4
@theme {
--color-gemstone-green: #4b6331;
--color-gemstone-green-50: #edfae3;
--color-gemstone-green-100: #deeed3;
--color-gemstone-green-200: #c8dcb9;
--color-gemstone-green-300: #a8c196;
--color-gemstone-green-400: #8fa876;
--color-gemstone-green-500: #749157;
--color-gemstone-green-600: #637b4a;
--color-gemstone-green-700: #4f623b;
--color-gemstone-green-800: #3a4829;
--color-gemstone-green-900: #28321c;
--color-gemstone-green-950: #161e0c;
}SCSS
$gemstone-green: #4b6331;
$gemstone-green-rgb: 75, 99, 49;
$gemstone-green-light: mix(#fff, $gemstone-green, 20%);
$gemstone-green-dark: mix(#000, $gemstone-green, 20%);
.element {
color: $gemstone-green;
box-shadow: 0 0 0 2px rgba($gemstone-green, 0.35);
}