Adlandırılmış renk · #319B64
Green Fondant
Green Fondant, #319B64: rgb(49 155 100), hsl(149 52% 40%), oklch(0.615 0.128 156.4). 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 Fondant color name →
#319B64
oklch(0.615 0.128 156.4)
Renk dönüşümleri
- HEX
- #319b64
- RGB
- rgb(49 155 100)
- HSL
- hsl(149 52% 40%)
- HWB
- hwb(149 19% 39%)
- OKLCH
- oklch(0.615 0.128 156.4)
- OKLab
- oklab(0.615 -0.117 0.051)
- CIE Lab
- lab(57.03 -41.26 19.8)
- LCH
- lch(57.03 45.76 154.4)
- CMYK
- cmyk(68% 0% 35% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4CA573
- 63AF82
- 78B991
- 8CC3A0
- 9FCDAF
- B2D7BF
- C6E1CF
- D9EBDF
- ECF5EF
Koyu tonlar
- 298656
- 227248
- 1A5E3B
- 134B2E
- 0C3922
- 062816
- 03180B
- 010903
- 000100
Gri tonlar
- 3F9967
- 4A966A
- 53946D
- 5B9170
- 628E73
- 698C76
- 6F8978
- 75867B
- 7B837D
Renk uyumları
Tamamlayıcı +180°
- 319B64
Green Fondant
- B465A1
≈ Pearly Purple
Analog -30° +30°
- 319B64
Green Fondant
- 719234
≈ Fresh Herb
- 00998F
≈ Green Dynasty
Üçlü +120° +240°
- 319B64
Green Fondant
- 717CD0
≈ Kickstart Purple
- C5664C
≈ Raw Copper
Bölünmüş tamamlayıcı +150° +210°
- 319B64
Green Fondant
- 986FC1
≈ Viola
- C36178
≈ Cherry Pink
Dörtlü +90° +180° +270°
- 319B64
Green Fondant
- 388ACC
≈ Ticino Blue
- B465A1
≈ Pearly Purple
- B7731B
≈ Sweet Mulled Cider
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.49:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.00:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-fondant: #319b64;
--green-fondant-rgb: 49 155 100;
--green-fondant-oklch: oklch(0.615 0.128 156.4);
}
.element {
color: var(--green-fondant);
background-color: hsl(149 52% 40%);
border-color: oklch(0.615 0.128 156.4);
}Tailwind CSS v4
@theme {
--color-green-fondant: #319b64;
--color-green-fondant-50: #d8ffe8;
--color-green-fondant-100: #c5f6d8;
--color-green-fondant-200: #a6e5c0;
--color-green-fondant-300: #7ccc9f;
--color-green-fondant-400: #56b57f;
--color-green-fondant-500: #1f9e62;
--color-green-fondant-600: #1f8653;
--color-green-fondant-700: #196b42;
--color-green-fondant-800: #134f2e;
--color-green-fondant-900: #0d371f;
--color-green-fondant-950: #00220f;
}SCSS
$green-fondant: #319b64;
$green-fondant-rgb: 49, 155, 100;
$green-fondant-light: mix(#fff, $green-fondant, 20%);
$green-fondant-dark: mix(#000, $green-fondant, 20%);
.element {
color: $green-fondant;
box-shadow: 0 0 0 2px rgba($green-fondant, 0.35);
}