Adlandırılmış renk · #9D6A73
Montrose Rose
Montrose Rose, #9D6A73: rgb(157 106 115), hsl(349 21% 52%), oklch(0.58 0.066 7.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Montrose Rose color name →
#9D6A73
oklch(0.58 0.066 7.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A77880
- B1868D
- BB959B
- C5A3A9
- CFB2B6
- D8C1C5
- E2D0D3
- ECE0E1
- F5EFF0
Koyu tonlar
- 885B63
- 734D54
- 5F3F45
- 4C3136
- 3A2428
- 28181B
- 180D0F
- 090405
- 010001
Gri tonlar
- 9A6C74
- 986F76
- 957177
- 927378
- 907579
- 8D787B
- 8A7A7C
- 877C7D
- 837E7F
Renk uyumları
Tamamlayıcı +180°
- 9D6A73
Montrose Rose
- 488781
≈ Jericho Jade
Analog -30° +30°
- 9D6A73
Montrose Rose
- 956B88
≈ Sophisticated Lilac
- 9D6D5E
≈ Reddened Earth
Üçlü +120° +240°
- 9D6A73
Montrose Rose
- 6F8257
≈ Terrain
- 5A7EA0
≈ Goddess of the Nile
Bölünmüş tamamlayıcı +150° +210°
- 9D6A73
Montrose Rose
- 58876B
≈ Saltwater Depth
- 498494
≈ Flounce
Dörtlü +90° +180° +270°
- 9D6A73
Montrose Rose
- 857B4C
≈ Swamp Mud
- 488781
≈ Jericho Jade
- 7177A2
≈ Bleached Denim
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.42:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.74:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
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);
}