Adlandırılmış renk · #75665E
Mountain Ridge
Mountain Ridge, #75665E: rgb(117 102 94), hsl(21 11% 41%), oklch(0.522 0.023 49.9). 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 Ridge color name →
#75665E
oklch(0.522 0.023 49.9)
Renk dönüşümleri
- HEX
- #75665e
- RGB
- rgb(117 102 94)
- HSL
- hsl(21 11% 41%)
- HWB
- hwb(21 37% 54%)
- OKLCH
- oklch(0.522 0.023 49.9)
- OKLab
- oklab(0.522 0.015 0.018)
- CIE Lab
- lab(44.46 5.12 6.85)
- LCH
- lch(44.46 8.55 53.2)
- CMYK
- cmyk(0% 13% 20% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82746D
- 8F837C
- 9C918B
- AAA09B
- B8AFAB
- C6BFBB
- D4CFCC
- E2DFDD
- F0EFEE
Koyu tonlar
- 655851
- 554A44
- 463C37
- 372F2B
- 29231F
- 1C1714
- 0F0C0A
- 050403
- 010000
Gri tonlar
- 766961
- 776B65
- 786E68
- 7A706B
- 7B736F
- 7C7672
- 7D7876
- 7E7B79
- 7F7D7D
Renk uyumları
Tamamlayıcı +180°
- 75665E
Mountain Ridge
- 5D6C74
≈ Midnight Pearl
Analog -30° +30°
- 75665E
Mountain Ridge
- 766564
≈ Paradise Grape
- 71685B
≈ Sandwashed Driftwood
Üçlü +120° +240°
- 75665E
Mountain Ridge
- 5D6E67
≈ Agave Frond
- 696876
≈ Deep Sea Dolphin
Bölünmüş tamamlayıcı +150° +210°
- 75665E
Mountain Ridge
- 5B6E6F
≈ Unreal Teal
- 626A77
≈ Press Agent
Dörtlü +90° +180° +270°
- 75665E
Mountain Ridge
- 636D60
≈ Velvet Clover
- 5D6C74
≈ Midnight Pearl
- 706572
≈ Rum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.49:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.81:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--mountain-ridge: #75665e;
--mountain-ridge-rgb: 117 102 94;
--mountain-ridge-oklch: oklch(0.522 0.023 49.9);
}
.element {
color: var(--mountain-ridge);
background-color: hsl(21 11% 41%);
border-color: oklch(0.522 0.023 49.9);
}Tailwind CSS v4
@theme {
--color-mountain-ridge: #75665e;
--color-mountain-ridge-50: #fbf3ef;
--color-mountain-ridge-100: #eee6e1;
--color-mountain-ridge-200: #ddd2cc;
--color-mountain-ridge-300: #c1b4ad;
--color-mountain-ridge-400: #aa9b93;
--color-mountain-ridge-500: #938279;
--color-mountain-ridge-600: #7d6e66;
--color-mountain-ridge-700: #645852;
--color-mountain-ridge-800: #49403c;
--color-mountain-ridge-900: #332c29;
--color-mountain-ridge-950: #1f1917;
}SCSS
$mountain-ridge: #75665e;
$mountain-ridge-rgb: 117, 102, 94;
$mountain-ridge-light: mix(#fff, $mountain-ridge, 20%);
$mountain-ridge-dark: mix(#000, $mountain-ridge, 20%);
.element {
color: $mountain-ridge;
box-shadow: 0 0 0 2px rgba($mountain-ridge, 0.35);
}