Adlandırılmış renk · #915F6D
Mauve Taupe
Mauve Taupe, #915F6D: rgb(145 95 109), hsl(343 21% 47%), oklch(0.544 0.068 1.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Mauve Taupe color name →
#915F6D
oklch(0.544 0.068 1.3)
Renk dönüşümleri
- HEX
- #915f6d
- RGB
- rgb(145 95 109)
- HSL
- hsl(343 21% 47%)
- HWB
- hwb(343 37% 43%)
- OKLCH
- oklch(0.544 0.068 1.3)
- OKLab
- oklab(0.544 0.068 0.002)
- CIE Lab
- lab(46.22 22.47 0.87)
- LCH
- lch(46.22 22.49 2.2)
- CMYK
- cmyk(0% 34% 25% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C6E7B
- A77D88
- B28D96
- BD9CA5
- C8ACB3
- D3BCC2
- DECDD1
- E9DDE0
- F4EEEF
Koyu tonlar
- 7D525E
- 6A444F
- 583841
- 462C33
- 352026
- 251519
- 150A0D
- 070304
- 010001
Gri tonlar
- 90626F
- 8E6671
- 8D6973
- 8B6D75
- 8A7076
- 887378
- 86767A
- 847A7C
- 827D7E
Renk uyumları
Tamamlayıcı +180°
- 915F6D
Mauve Taupe
- 3E7D72
≈ Pearl Green
Analog -30° +30°
- 915F6D
Mauve Taupe
- 876182
≈ Orchid Orchestra
- 936157
≈ Brick Hearth
Üçlü +120° +240°
- 915F6D
Mauve Taupe
- 697649
≈ Dill Pickle
- 4B7594
≈ Beach View
Bölünmüş tamamlayıcı +150° +210°
- 915F6D
Mauve Taupe
- 517B5C
≈ Como
- 3A7A86
≈ Mysterious Blue
Dörtlü +90° +180° +270°
- 915F6D
Mauve Taupe
- 7E6E40
≈ Musket
- 3E7D72
≈ Pearl Green
- 616E98
≈ Blueberry Patch
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.17:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.06:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.17:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--mauve-taupe: #915f6d;
--mauve-taupe-rgb: 145 95 109;
--mauve-taupe-oklch: oklch(0.544 0.068 1.3);
}
.element {
color: var(--mauve-taupe);
background-color: hsl(343 21% 47%);
border-color: oklch(0.544 0.068 1.3);
}Tailwind CSS v4
@theme {
--color-mauve-taupe: #915f6d;
--color-mauve-taupe-50: #ffeef3;
--color-mauve-taupe-100: #fddfe5;
--color-mauve-taupe-200: #efc9d1;
--color-mauve-taupe-300: #d6aab4;
--color-mauve-taupe-400: #c18e9c;
--color-mauve-taupe-500: #ac7383;
--color-mauve-taupe-600: #91626f;
--color-mauve-taupe-700: #754e59;
--color-mauve-taupe-800: #563942;
--color-mauve-taupe-900: #3c272d;
--color-mauve-taupe-950: #26151a;
}SCSS
$mauve-taupe: #915f6d;
$mauve-taupe-rgb: 145, 95, 109;
$mauve-taupe-light: mix(#fff, $mauve-taupe, 20%);
$mauve-taupe-dark: mix(#000, $mauve-taupe, 20%);
.element {
color: $mauve-taupe;
box-shadow: 0 0 0 2px rgba($mauve-taupe, 0.35);
}