Warna bernama · #9D6A73
Montrose Rose
Montrose Rose adalah #9D6A73: rgb(157 106 115), hsl(349 21% 52%), oklch(0.58 0.066 7.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Montrose Rose color name →
#9D6A73
oklch(0.58 0.066 7.7)
Konversi warna
- HEX
- #9d6a73
- RGB
- rgb(157 106 115)
- HSL
- hsl(349 21% 52%)
- HWB
- hwb(349 42% 38%)
- OKLCH
- oklch(0.58 0.066 7.7)
- OKLab
- oklab(0.58 0.066 0.009)
- CIE Lab
- lab(50.54 21.95 3.71)
- LCH
- lch(50.54 22.26 9.6)
- CMYK
- cmyk(0% 32% 27% 38%)
Tint · Shade · Tone
Tint
- A77880
- B1868D
- BB959B
- C5A3A9
- CFB2B6
- D8C1C5
- E2D0D3
- ECE0E1
- F5EFF0
Shade
- 885B63
- 734D54
- 5F3F45
- 4C3136
- 3A2428
- 28181B
- 180D0F
- 090405
- 010001
Tone
- 9A6C74
- 986F76
- 957177
- 927378
- 907579
- 8D787B
- 8A7A7C
- 877C7D
- 837E7F
Harmoni warna
Komplementer +180°
- 9D6A73
Montrose Rose
- 488781
≈ Jericho Jade
Analog -30° +30°
- 9D6A73
Montrose Rose
- 956B88
≈ Sophisticated Lilac
- 9D6D5E
≈ Reddened Earth
Triadik +120° +240°
- 9D6A73
Montrose Rose
- 6F8257
≈ Terrain
- 5A7EA0
≈ Goddess of the Nile
Split-komplementer +150° +210°
- 9D6A73
Montrose Rose
- 58876B
≈ Saltwater Depth
- 498494
≈ Flounce
Tetradik +90° +180° +270°
- 9D6A73
Montrose Rose
- 857B4C
≈ Swamp Mud
- 488781
≈ Jericho Jade
- 7177A2
≈ Bleached Denim
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.42:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.74:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
CSS
:root {
--montrose-rose: #9d6a73;
--montrose-rose-rgb: 157 106 115;
--montrose-rose-oklch: oklch(0.58 0.066 7.7);
}
.element {
color: var(--montrose-rose);
background-color: hsl(349 21% 52%);
border-color: oklch(0.58 0.066 7.7);
}Tailwind CSS v4
@theme {
--color-montrose-rose: #9d6a73;
--color-montrose-rose-50: #ffeef1;
--color-montrose-rose-100: #fddfe3;
--color-montrose-rose-200: #efc9ce;
--color-montrose-rose-300: #d7aab0;
--color-montrose-rose-400: #c28e97;
--color-montrose-rose-500: #ad747e;
--color-montrose-rose-600: #92626b;
--color-montrose-rose-700: #754e55;
--color-montrose-rose-800: #56393f;
--color-montrose-rose-900: #3c272b;
--color-montrose-rose-950: #261519;
}SCSS
$montrose-rose: #9d6a73;
$montrose-rose-rgb: 157, 106, 115;
$montrose-rose-light: mix(#fff, $montrose-rose, 20%);
$montrose-rose-dark: mix(#000, $montrose-rose, 20%);
.element {
color: $montrose-rose;
box-shadow: 0 0 0 2px rgba($montrose-rose, 0.35);
}