Warna bernama · #75665E
Mountain Ridge
Mountain Ridge adalah #75665E: rgb(117 102 94), hsl(21 11% 41%), oklch(0.522 0.023 49.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Mountain Ridge color name →
#75665E
oklch(0.522 0.023 49.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 82746D
- 8F837C
- 9C918B
- AAA09B
- B8AFAB
- C6BFBB
- D4CFCC
- E2DFDD
- F0EFEE
Shade
- 655851
- 554A44
- 463C37
- 372F2B
- 29231F
- 1C1714
- 0F0C0A
- 050403
- 010000
Tone
- 766961
- 776B65
- 786E68
- 7A706B
- 7B736F
- 7C7672
- 7D7876
- 7E7B79
- 7F7D7D
Harmoni warna
Komplementer +180°
- 75665E
Mountain Ridge
- 5D6C74
≈ Midnight Pearl
Analog -30° +30°
- 75665E
Mountain Ridge
- 766564
≈ Paradise Grape
- 71685B
≈ Sandwashed Driftwood
Triadik +120° +240°
- 75665E
Mountain Ridge
- 5D6E67
≈ Agave Frond
- 696876
≈ Deep Sea Dolphin
Split-komplementer +150° +210°
- 75665E
Mountain Ridge
- 5B6E6F
≈ Unreal Teal
- 626A77
≈ Press Agent
Tetradik +90° +180° +270°
- 75665E
Mountain Ridge
- 636D60
≈ Velvet Clover
- 5D6C74
≈ Midnight Pearl
- 706572
≈ Rum
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.49:1 · APCA Lc 77
Ag
FailDi atas hitam
WCAG 3.81:1 · APCA Lc 24
Warna teks terbaik: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Cuplikan kode
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);
}