Nazwany kolor · #9A4149
Timeless Ruby
Timeless Ruby to #9A4149: rgb(154 65 73), hsl(355 41% 43%), oklch(0.496 0.119 17.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Timeless Ruby color name →
#9A4149
oklch(0.496 0.119 17.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6545A
- B1676B
- BC797C
- C68C8E
- D09FA0
- DAB1B2
- E4C5C5
- EDD8D8
- F6EBEB
Odcienie ciemniejsze
- 85373E
- 712E34
- 5E252A
- 4B1C20
- 391317
- 270B0E
- 170506
- 090102
- 010000
Tony
- 99484E
- 974F54
- 955659
- 935D5F
- 916364
- 8E696A
- 8B6F6F
- 887575
- 847A7A
Harmonie kolorów
Komplementarna +180°
- 9A4149
Timeless Ruby
- 007073
≈ Active Turquoise
Analogowa -30° +30°
- 9A4149
Timeless Ruby
- 91426F
≈ Purple Peril
- 97491C
≈ Coco Muck
Triada +120° +240°
- 9A4149
Timeless Ruby
- 3E7127
≈ Druid Green
- 3262A4
≈ International
Komplementarna rozszczepiona +150° +210°
- 9A4149
Timeless Ruby
- 007456
≈ Green Velvet
- 006C8C
≈ Copacabana
Tetrada +90° +180° +270°
- 9A4149
Timeless Ruby
- 696500
≈ Earthy Khaki Green
- 007073
≈ Active Turquoise
- 5F55A2
≈ Purple Opulence
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.50:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.22:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}