Adlandırılmış renk · #AA5C71
Topinambur Root
Topinambur Root, #AA5C71: rgb(170 92 113), hsl(344 31% 51%), oklch(0.572 0.104 3.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Topinambur Root color name →
#AA5C71
oklch(0.572 0.104 3.7)
Renk dönüşümleri
- HEX
- #aa5c71
- RGB
- rgb(170 92 113)
- HSL
- hsl(344 31% 51%)
- HWB
- hwb(344 36% 33%)
- OKLCH
- oklch(0.572 0.104 3.7)
- OKLab
- oklab(0.572 0.104 0.007)
- CIE Lab
- lab(49.03 34.28 3.03)
- LCH
- lch(49.03 34.41 5)
- CMYK
- cmyk(0% 46% 34% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B46C7E
- BD7C8C
- C68C99
- CF9CA7
- D7ACB5
- E0BCC4
- E8CDD2
- F0DDE1
- F7EEF0
Koyu tonlar
- 934F61
- 7D4252
- 683643
- 532A35
- 3F1F27
- 2D141A
- 1B0A0E
- 0B0304
- 010001
Gri tonlar
- A76072
- A36474
- 9F6875
- 9B6C77
- 976F78
- 93737A
- 8F767B
- 8A7A7D
- 857D7E
Renk uyumları
Tamamlayıcı +180°
- AA5C71
Topinambur Root
- 008B7E
≈ Go Go Green
Analog -30° +30°
- AA5C71
Topinambur Root
- 9C5F91
≈ Thimble Red
- AC5F4E
≈ Trolley Dash
Üçlü +120° +240°
- AA5C71
Topinambur Root
- 6B8238
≈ Swamp Moss
- 3A7EB0
≈ Beijing Blue
Bölünmüş tamamlayıcı +150° +210°
- AA5C71
Topinambur Root
- 408A5B
≈ Irish
- 00879C
≈ Marker Blue
Dörtlü +90° +180° +270°
- AA5C71
Topinambur Root
- 8C7621
≈ Jīn Zōng Gold
- 008B7E
≈ Go Go Green
- 6572B5
≈ Wild Pansy
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.68:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.47:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--topinambur-root: #aa5c71;
--topinambur-root-rgb: 170 92 113;
--topinambur-root-oklch: oklch(0.572 0.104 3.7);
}
.element {
color: var(--topinambur-root);
background-color: hsl(344 31% 51%);
border-color: oklch(0.572 0.104 3.7);
}Tailwind CSS v4
@theme {
--color-topinambur-root: #aa5c71;
--color-topinambur-root-50: #ffe9f1;
--color-topinambur-root-100: #ffdae3;
--color-topinambur-root-200: #fcc2ce;
--color-topinambur-root-300: #e6a1af;
--color-topinambur-root-400: #d28498;
--color-topinambur-root-500: #be677e;
--color-topinambur-root-600: #a1576b;
--color-topinambur-root-700: #814656;
--color-topinambur-root-800: #603240;
--color-topinambur-root-900: #43222c;
--color-topinambur-root-950: #2b1119;
}SCSS
$topinambur-root: #aa5c71;
$topinambur-root-rgb: 170, 92, 113;
$topinambur-root-light: mix(#fff, $topinambur-root, 20%);
$topinambur-root-dark: mix(#000, $topinambur-root, 20%);
.element {
color: $topinambur-root;
box-shadow: 0 0 0 2px rgba($topinambur-root, 0.35);
}