Adlandırılmış renk · #3F8A24
Direct Green
Direct Green, #3F8A24: rgb(63 138 36), hsl(104 59% 34%), oklch(0.564 0.155 138.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Direct Green color name →
#3F8A24
oklch(0.564 0.155 138.8)
Renk dönüşümleri
- HEX
- #3f8a24
- RGB
- rgb(63 138 36)
- HSL
- hsl(104 59% 34%)
- HWB
- hwb(104 14% 46%)
- OKLCH
- oklch(0.564 0.155 138.8)
- OKLab
- oklab(0.564 -0.116 0.102)
- CIE Lab
- lab(51.19 -38.54 44.18)
- LCH
- lch(51.19 58.63 131.1)
- CMYK
- cmyk(54% 0% 74% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 53963F
- 67A155
- 7AAD6B
- 8DB980
- 9FC595
- B2D0AA
- C5DCBF
- D8E8D4
- ECF3E9
Koyu tonlar
- 35771E
- 2C6518
- 235312
- 1B420C
- 123207
- 0A2204
- 041402
- 010700
- 000100
Gri tonlar
- 478932
- 4F893D
- 568847
- 5D8751
- 638659
- 698562
- 6F8469
- 758371
- 7B8179
Renk uyumları
Tamamlayıcı +180°
- 3F8A24
Direct Green
- 9B53AF
≈ Purpureus
Analog -30° +30°
- 3F8A24
Direct Green
- 7C7B00
≈ Mongolian Plateau
- 008B6A
≈ Festive Green
Üçlü +120° +240°
- 3F8A24
Direct Green
- 3773CF
≈ Fading Night
- C04751
≈ Ladybug
Bölünmüş tamamlayıcı +150° +210°
- 3F8A24
Direct Green
- 7562CA
≈ Ultra Violet
- B44884
≈ Exuberant Pink
Dörtlü +90° +180° +270°
- 3F8A24
Direct Green
- 0081A9
≈ Advertising Blue
- 9B53AF
≈ Purpureus
- BA5400
≈ Obscure Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.31:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.87:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--direct-green: #3f8a24;
--direct-green-rgb: 63 138 36;
--direct-green-oklch: oklch(0.564 0.155 138.8);
}
.element {
color: var(--direct-green);
background-color: hsl(104 59% 34%);
border-color: oklch(0.564 0.155 138.8);
}Tailwind CSS v4
@theme {
--color-direct-green: #3f8a24;
--color-direct-green-50: #deffd7;
--color-direct-green-100: #ccf5c5;
--color-direct-green-200: #b0e5a7;
--color-direct-green-300: #8acb7f;
--color-direct-green-400: #6cb456;
--color-direct-green-500: #489d2a;
--color-direct-green-600: #3e8526;
--color-direct-green-700: #326a1e;
--color-direct-green-800: #264e10;
--color-direct-green-900: #19360a;
--color-direct-green-950: #0a2100;
}SCSS
$direct-green: #3f8a24;
$direct-green-rgb: 63, 138, 36;
$direct-green-light: mix(#fff, $direct-green, 20%);
$direct-green-dark: mix(#000, $direct-green, 20%);
.element {
color: $direct-green;
box-shadow: 0 0 0 2px rgba($direct-green, 0.35);
}