Adlandırılmış renk · #283123
Mountain Range Green
Mountain Range Green, #283123: rgb(40 49 35), hsl(99 17% 16%), oklch(0.3 0.028 134.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mountain Range Green color name →
#283123
oklch(0.3 0.028 134.5)
Renk dönüşümleri
- HEX
- #283123
- RGB
- rgb(40 49 35)
- HSL
- hsl(99 17% 16%)
- HWB
- hwb(99 14% 81%)
- OKLCH
- oklch(0.3 0.028 134.5)
- OKLab
- oklab(0.3 -0.019 0.02)
- CIE Lab
- lab(19.12 -6.45 7.64)
- LCH
- lch(19.12 10 130.2)
- CMYK
- cmyk(18% 0% 29% 81%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A4336
- 4D5549
- 61695E
- 767D73
- 8C9189
- A2A69F
- B8BCB6
- CFD2CE
- E7E8E6
Koyu tonlar
- 21291D
- 1B2217
- 151A11
- 0F130C
- 090C07
- 040604
- 020301
- 010100
- 000000
Gri tonlar
- 30382C
- 384034
- 41473D
- 494F46
- 52574F
- 5B5F59
- 646762
- 6D6F6C
- 777876
Renk uyumları
Tamamlayıcı +180°
- 283123
Mountain Range Green
- 332A38
≈ Obsidian Red
Analog -30° +30°
- 283123
Mountain Range Green
- 302F1E
≈ Metal Construction Green
- 21322A
≈ Lacquer Green
Üçlü +120° +240°
- 283123
Mountain Range Green
- 242F3C
≈ Imperial Primer
- 3A2829
≈ Night Red
Bölünmüş tamamlayıcı +150° +210°
- 283123
Mountain Range Green
- 2C2C3B
≈ Black Rock
- 382831
≈ Mangosteen Violet
Dörtlü +90° +180° +270°
- 283123
Mountain Range Green
- 1E3138
≈ Elderberry Black
- 332A38
≈ Obsidian Red
- 3A2A22
≈ Tree House
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.51:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.55:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.51:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--mountain-range-green: #283123;
--mountain-range-green-rgb: 40 49 35;
--mountain-range-green-oklch: oklch(0.3 0.028 134.5);
}
.element {
color: var(--mountain-range-green);
background-color: hsl(99 17% 16%);
border-color: oklch(0.3 0.028 134.5);
}Tailwind CSS v4
@theme {
--color-mountain-range-green: #283123;
--color-mountain-range-green-50: #f2f7ef;
--color-mountain-range-green-100: #e4eae1;
--color-mountain-range-green-200: #cfd7cc;
--color-mountain-range-green-300: #b1bbad;
--color-mountain-range-green-400: #98a292;
--color-mountain-range-green-500: #7f8b78;
--color-mountain-range-green-600: #6b7566;
--color-mountain-range-green-700: #565e51;
--color-mountain-range-green-800: #3f453b;
--color-mountain-range-green-900: #2b2f28;
--color-mountain-range-green-950: #191c16;
}SCSS
$mountain-range-green: #283123;
$mountain-range-green-rgb: 40, 49, 35;
$mountain-range-green-light: mix(#fff, $mountain-range-green, 20%);
$mountain-range-green-dark: mix(#000, $mountain-range-green, 20%);
.element {
color: $mountain-range-green;
box-shadow: 0 0 0 2px rgba($mountain-range-green, 0.35);
}