Adlandırılmış renk · #C5ACD0
Meadow Thistle
Meadow Thistle, #C5ACD0: rgb(197 172 208), hsl(282 28% 75%), oklch(0.778 0.057 315.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Meadow Thistle color name →
#C5ACD0
oklch(0.778 0.057 315.5)
Renk dönüşümleri
- HEX
- #c5acd0
- RGB
- rgb(197 172 208)
- HSL
- hsl(282 28% 75%)
- HWB
- hwb(282 67% 18%)
- OKLCH
- oklch(0.778 0.057 315.5)
- OKLab
- oklab(0.778 0.041 -0.04)
- CIE Lab
- lab(73.43 14.23 -14.86)
- LCH
- lch(73.43 20.57 313.8)
- CMYK
- cmyk(5% 17% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBB4D5
- D0BCD9
- D6C4DE
- DCCDE3
- E2D5E8
- E8DDEC
- EDE6F1
- F3EEF6
- F9F7FA
Koyu tonlar
- AB95B5
- 927F9A
- 796980
- 615467
- 4B404F
- 352D39
- 211B23
- 0E0B10
- 020102
Gri tonlar
- BEA8C8
- B7A3C0
- B09FB7
- A99AAF
- A296A7
- 9B919F
- 948D97
- 8D8990
- 878488
Renk uyumları
Tamamlayıcı +180°
- C5ACD0
Meadow Thistle
- A7BF9B
≈ Rolling Glen
Analog -30° +30°
- C5ACD0
Meadow Thistle
- B2B2DA
≈ Beloved
- D3A8BF
≈ Heart to Heart
Üçlü +120° +240°
- C5ACD0
Meadow Thistle
- CCB28E
≈ Tropical Tan
- 8BC3C2
≈ Cabana Bay
Bölünmüş tamamlayıcı +150° +210°
- C5ACD0
Meadow Thistle
- BBB98F
≈ Back to Nature
- 94C3AE
≈ Bella Green
Dörtlü +90° +180° +270°
- C5ACD0
Meadow Thistle
- D7AC98
≈ Hayride
- A7BF9B
≈ Rolling Glen
- 90BFD3
≈ Speedboat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.18:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--meadow-thistle: #c5acd0;
--meadow-thistle-rgb: 197 172 208;
--meadow-thistle-oklch: oklch(0.778 0.057 315.5);
}
.element {
color: var(--meadow-thistle);
background-color: hsl(282 28% 75%);
border-color: oklch(0.778 0.057 315.5);
}Tailwind CSS v4
@theme {
--color-meadow-thistle: #c5acd0;
--color-meadow-thistle-50: #fcf0ff;
--color-meadow-thistle-100: #f0e2f5;
--color-meadow-thistle-200: #dfcde5;
--color-meadow-thistle-300: #c4afcb;
--color-meadow-thistle-400: #ac95b6;
--color-meadow-thistle-500: #957ba0;
--color-meadow-thistle-600: #7e6888;
--color-meadow-thistle-700: #65536d;
--color-meadow-thistle-800: #4a3d51;
--color-meadow-thistle-900: #332a38;
--color-meadow-thistle-950: #1f1723;
}SCSS
$meadow-thistle: #c5acd0;
$meadow-thistle-rgb: 197, 172, 208;
$meadow-thistle-light: mix(#fff, $meadow-thistle, 20%);
$meadow-thistle-dark: mix(#000, $meadow-thistle, 20%);
.element {
color: $meadow-thistle;
box-shadow: 0 0 0 2px rgba($meadow-thistle, 0.35);
}