Adlandırılmış renk · #3A984D
Formal Garden
Formal Garden, #3A984D: rgb(58 152 77), hsl(132 45% 41%), oklch(0.606 0.142 147.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Formal Garden color name →
#3A984D
oklch(0.606 0.142 147.5)
Renk dönüşümleri
- HEX
- #3a984d
- RGB
- rgb(58 152 77)
- HSL
- hsl(132 45% 41%)
- HWB
- hwb(132 23% 40%)
- OKLCH
- oklch(0.606 0.142 147.5)
- OKLab
- oklab(0.606 -0.12 0.076)
- CIE Lab
- lab(55.99 -41.39 30.71)
- LCH
- lch(55.99 51.54 143.4)
- CMYK
- cmyk(62% 0% 49% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 51A25F
- 66AD70
- 7AB782
- 8EC193
- A1CCA5
- B3D6B7
- C6E0C8
- D9EADA
- ECF5ED
Koyu tonlar
- 318442
- 287037
- 205C2C
- 184A22
- 103818
- 09270F
- 041707
- 010802
- 000100
Gri tonlar
- 459653
- 4E9459
- 56925E
- 5D8F64
- 648D69
- 6A8B6E
- 708872
- 768577
- 7B837C
Renk uyumları
Tamamlayıcı +180°
- 3A984D
Formal Garden
- AE60AD
≈ Royalty Loyalty
Analog -30° +30°
- 3A984D
Formal Garden
- 7C8C00
≈ Foggy Bog
- 009781
≈ Aqua Waters
Üçlü +120° +240°
- 3A984D
Formal Garden
- 5D7CD6
≈ Serenity’s Reign
- C95B51
≈ Dark Salmon
Bölünmüş tamamlayıcı +150° +210°
- 3A984D
Formal Garden
- 8C6DCB
≈ True V
- C25982
≈ Beauty Queen
Dörtlü +90° +180° +270°
- 3A984D
Formal Garden
- 008BC7
≈ Celebration Blue
- AE60AD
≈ Royalty Loyalty
- BF680D
≈ Hawaiian Sunset
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.63:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.77:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--formal-garden: #3a984d;
--formal-garden-rgb: 58 152 77;
--formal-garden-oklch: oklch(0.606 0.142 147.5);
}
.element {
color: var(--formal-garden);
background-color: hsl(132 45% 41%);
border-color: oklch(0.606 0.142 147.5);
}Tailwind CSS v4
@theme {
--color-formal-garden: #3a984d;
--color-formal-garden-50: #daffe0;
--color-formal-garden-100: #c7f6cf;
--color-formal-garden-200: #a9e6b4;
--color-formal-garden-300: #81cc90;
--color-formal-garden-400: #5eb56c;
--color-formal-garden-500: #329e4b;
--color-formal-garden-600: #2d8640;
--color-formal-garden-700: #246b33;
--color-formal-garden-800: #1b4f21;
--color-formal-garden-900: #123716;
--color-formal-garden-950: #042207;
}SCSS
$formal-garden: #3a984d;
$formal-garden-rgb: 58, 152, 77;
$formal-garden-light: mix(#fff, $formal-garden, 20%);
$formal-garden-dark: mix(#000, $formal-garden, 20%);
.element {
color: $formal-garden;
box-shadow: 0 0 0 2px rgba($formal-garden, 0.35);
}