Nazwany kolor · #673147
Old Mauve
Old Mauve to #673147: rgb(103 49 71), hsl(336 36% 30%), oklch(0.392 0.082 355.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Old Mauve color name →
#673147
oklch(0.392 0.082 355.8)
Konwersje koloru
- HEX
- #673147
- RGB
- rgb(103 49 71)
- HSL
- hsl(336 36% 30%)
- HWB
- hwb(336 19% 60%)
- OKLCH
- oklch(0.392 0.082 355.8)
- OKLab
- oklab(0.392 0.082 -0.006)
- CIE Lab
- lab(28.38 26.75 -1.96)
- LCH
- lch(28.38 26.82 355.8)
- CMYK
- cmyk(0% 52% 31% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 764457
- 865768
- 956B7A
- A47F8C
- B3939E
- C2A8B1
- D1BDC4
- E1D3D7
- F0E9EB
Odcienie ciemniejsze
- 59293D
- 4B2232
- 3D1A28
- 30131F
- 230C16
- 17060D
- 0C0306
- 040102
- 000000
Tony
- 6A394C
- 6D4152
- 704957
- 73515D
- 765963
- 786069
- 7A686E
- 7C7074
- 7E787A
Harmonie kolorów
Komplementarna +180°
- 673147
Old Mauve
- 005244
≈ Tetsu Green
Analogowa -30° +30°
- 673147
Old Mauve
- 5C355D
≈ Long Passionate Night
- 6B322E
≈ Kenyan Copper
Triada +120° +240°
- 673147
Old Mauve
- 444A0C
≈ No Emissions Green
- 044B6B
≈ Navy Dark Blue
Komplementarna rozszczepiona +150° +210°
- 673147
Old Mauve
- 255129
≈ Chestnut Green
- 004F57
≈ Deep Atlantic Blue
Tetrada +90° +180° +270°
- 673147
Old Mauve
- 594200
≈ Sugarloaf Brown
- 005244
≈ Tetsu Green
- 304371
≈ Bona Fide
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.96:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.10:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--old-mauve: #673147;
--old-mauve-rgb: 103 49 71;
--old-mauve-oklch: oklch(0.392 0.082 355.8);
}
.element {
color: var(--old-mauve);
background-color: hsl(336 36% 30%);
border-color: oklch(0.392 0.082 355.8);
}Tailwind CSS v4
@theme {
--color-old-mauve: #673147;
--color-old-mauve-50: #ffecf5;
--color-old-mauve-100: #ffdde8;
--color-old-mauve-200: #f3c6d4;
--color-old-mauve-300: #dba6b7;
--color-old-mauve-400: #c68aa0;
--color-old-mauve-500: #b26f88;
--color-old-mauve-600: #965e73;
--color-old-mauve-700: #784b5c;
--color-old-mauve-800: #593644;
--color-old-mauve-900: #3e252f;
--color-old-mauve-950: #27141c;
}SCSS
$old-mauve: #673147;
$old-mauve-rgb: 103, 49, 71;
$old-mauve-light: mix(#fff, $old-mauve, 20%);
$old-mauve-dark: mix(#000, $old-mauve, 20%);
.element {
color: $old-mauve;
box-shadow: 0 0 0 2px rgba($old-mauve, 0.35);
}