이름 색상 · #9A4149
Timeless Ruby
Timeless Ruby은(는) #9A4149: rgb(154 65 73), hsl(355 41% 43%), oklch(0.496 0.119 17.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Timeless Ruby color name →
#9A4149
oklch(0.496 0.119 17.1)
색상 변환
- HEX
- #9a4149
- RGB
- rgb(154 65 73)
- HSL
- hsl(355 41% 43%)
- HWB
- hwb(355 25% 40%)
- OKLCH
- oklch(0.496 0.119 17.1)
- OKLab
- oklab(0.496 0.114 0.035)
- CIE Lab
- lab(40.22 38.48 14.76)
- LCH
- lch(40.22 41.22 21)
- CMYK
- cmyk(0% 58% 53% 40%)
틴트 · 셰이드 · 톤
틴트
- A6545A
- B1676B
- BC797C
- C68C8E
- D09FA0
- DAB1B2
- E4C5C5
- EDD8D8
- F6EBEB
셰이드
- 85373E
- 712E34
- 5E252A
- 4B1C20
- 391317
- 270B0E
- 170506
- 090102
- 010000
톤
- 99484E
- 974F54
- 955659
- 935D5F
- 916364
- 8E696A
- 8B6F6F
- 887575
- 847A7A
색 조화
보색 +180°
- 9A4149
Timeless Ruby
- 007073
≈ Active Turquoise
유사색 -30° +30°
- 9A4149
Timeless Ruby
- 91426F
≈ Purple Peril
- 97491C
≈ Coco Muck
삼각 배색 +120° +240°
- 9A4149
Timeless Ruby
- 3E7127
≈ Druid Green
- 3262A4
≈ International
분열 보색 +150° +210°
- 9A4149
Timeless Ruby
- 007456
≈ Green Velvet
- 006C8C
≈ Copacabana
사각 배색 +90° +180° +270°
- 9A4149
Timeless Ruby
- 696500
≈ Earthy Khaki Green
- 007073
≈ Active Turquoise
- 5F55A2
≈ Purple Opulence
대비 및 접근성
Ag
AA흰색 위
WCAG 6.50:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.22:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--timeless-ruby: #9a4149;
--timeless-ruby-rgb: 154 65 73;
--timeless-ruby-oklch: oklch(0.496 0.119 17.1);
}
.element {
color: var(--timeless-ruby);
background-color: hsl(355 41% 43%);
border-color: oklch(0.496 0.119 17.1);
}Tailwind CSS v4
@theme {
--color-timeless-ruby: #9a4149;
--color-timeless-ruby-50: #ffe8e8;
--color-timeless-ruby-100: #ffd9d8;
--color-timeless-ruby-200: #ffc0c0;
--color-timeless-ruby-300: #ee9f9f;
--color-timeless-ruby-400: #dc8085;
--color-timeless-ruby-500: #c96269;
--color-timeless-ruby-600: #a95359;
--color-timeless-ruby-700: #884247;
--color-timeless-ruby-800: #652f35;
--color-timeless-ruby-900: #472024;
--color-timeless-ruby-950: #2e0f13;
}SCSS
$timeless-ruby: #9a4149;
$timeless-ruby-rgb: 154, 65, 73;
$timeless-ruby-light: mix(#fff, $timeless-ruby, 20%);
$timeless-ruby-dark: mix(#000, $timeless-ruby, 20%);
.element {
color: $timeless-ruby;
box-shadow: 0 0 0 2px rgba($timeless-ruby, 0.35);
}