Adlandırılmış renk · #3D703E
Mount Hyjal
Mount Hyjal, #3D703E: rgb(61 112 62), hsl(121 29% 34%), oklch(0.496 0.095 144.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? → · Mount Hyjal color name →
#3D703E
oklch(0.496 0.095 144.4)
Renk dönüşümleri
- HEX
- #3d703e
- RGB
- rgb(61 112 62)
- HSL
- hsl(121 29% 34%)
- HWB
- hwb(121 24% 56%)
- OKLCH
- oklch(0.496 0.095 144.4)
- OKLab
- oklab(0.496 -0.077 0.056)
- CIE Lab
- lab(42.68 -26.43 22.21)
- LCH
- lch(42.68 34.53 140)
- CMYK
- cmyk(46% 0% 45% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 507E50
- 638B62
- 759975
- 88A788
- 9CB69B
- AFC4AE
- C3D3C2
- D6E1D6
- EBF0EA
Koyu tonlar
- 346035
- 2B512B
- 224323
- 1A351A
- 122712
- 0A1A0A
- 040E04
- 010401
- 000100
Gri tonlar
- 457245
- 4C744C
- 537552
- 5A7759
- 607960
- 677A66
- 6D7C6D
- 737D73
- 7A7F7A
Renk uyumları
Tamamlayıcı +180°
- 3D703E
Mount Hyjal
- 7D4E80
≈ Vibrant Orchid
Analog -30° +30°
- 3D703E
Mount Hyjal
- 61681F
≈ Earthy Khaki Green
- 00735E
≈ Tropical Rainforest
Üçlü +120° +240°
- 3D703E
Mount Hyjal
- 466098
≈ Last Light Blue
- 914A47
≈ Cowhide
Bölünmüş tamamlayıcı +150° +210°
- 3D703E
Mount Hyjal
- 665693
≈ Butterfly Bush
- 8B4965
≈ Violet Quartz
Dörtlü +90° +180° +270°
- 3D703E
Mount Hyjal
- 186A90
≈ Cairns
- 7D4E80
≈ Vibrant Orchid
- 8B5228
≈ Plane Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.85:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.58:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--mount-hyjal: #3d703e;
--mount-hyjal-rgb: 61 112 62;
--mount-hyjal-oklch: oklch(0.496 0.095 144.4);
}
.element {
color: var(--mount-hyjal);
background-color: hsl(121 29% 34%);
border-color: oklch(0.496 0.095 144.4);
}Tailwind CSS v4
@theme {
--color-mount-hyjal: #3d703e;
--color-mount-hyjal-50: #e4fde5;
--color-mount-hyjal-100: #d4f1d6;
--color-mount-hyjal-200: #bbe0bd;
--color-mount-hyjal-300: #98c59b;
--color-mount-hyjal-400: #7bad7b;
--color-mount-hyjal-500: #5d975d;
--color-mount-hyjal-600: #4f7f4f;
--color-mount-hyjal-700: #3f663f;
--color-mount-hyjal-800: #2e4b2c;
--color-mount-hyjal-900: #1f341d;
--color-mount-hyjal-950: #0f1f0d;
}SCSS
$mount-hyjal: #3d703e;
$mount-hyjal-rgb: 61, 112, 62;
$mount-hyjal-light: mix(#fff, $mount-hyjal, 20%);
$mount-hyjal-dark: mix(#000, $mount-hyjal, 20%);
.element {
color: $mount-hyjal;
box-shadow: 0 0 0 2px rgba($mount-hyjal, 0.35);
}