이름 색상 · #9D6A73
Montrose Rose
Montrose Rose은(는) #9D6A73: rgb(157 106 115), hsl(349 21% 52%), oklch(0.58 0.066 7.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Montrose Rose color name →
#9D6A73
oklch(0.58 0.066 7.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A77880
- B1868D
- BB959B
- C5A3A9
- CFB2B6
- D8C1C5
- E2D0D3
- ECE0E1
- F5EFF0
셰이드
- 885B63
- 734D54
- 5F3F45
- 4C3136
- 3A2428
- 28181B
- 180D0F
- 090405
- 010001
톤
- 9A6C74
- 986F76
- 957177
- 927378
- 907579
- 8D787B
- 8A7A7C
- 877C7D
- 837E7F
색 조화
보색 +180°
- 9D6A73
Montrose Rose
- 488781
≈ Jericho Jade
유사색 -30° +30°
- 9D6A73
Montrose Rose
- 956B88
≈ Sophisticated Lilac
- 9D6D5E
≈ Reddened Earth
삼각 배색 +120° +240°
- 9D6A73
Montrose Rose
- 6F8257
≈ Terrain
- 5A7EA0
≈ Goddess of the Nile
분열 보색 +150° +210°
- 9D6A73
Montrose Rose
- 58876B
≈ Saltwater Depth
- 498494
≈ Flounce
사각 배색 +90° +180° +270°
- 9D6A73
Montrose Rose
- 857B4C
≈ Swamp Mud
- 488781
≈ Jericho Jade
- 7177A2
≈ Bleached Denim
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.42:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.74:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
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);
}