En yakın adlandırılmış renk · #855C74
#855C74
En yakın adlandırılmış renk: Indian Silk
#855C74 (rgb(133 92 116), hsl(325 18% 44%), oklch(0.526 0.063 343.5)) en çok Indian Silk adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#855C74
oklch(0.526 0.063 343.5)
Renk dönüşümleri
- HEX
- #855c74
- RGB
- rgb(133 92 116)
- HSL
- hsl(325 18% 44%)
- HWB
- hwb(325 36% 48%)
- OKLCH
- oklch(0.526 0.063 343.5)
- OKLab
- oklab(0.526 0.061 -0.018)
- CIE Lab
- lab(44.16 20.21 -6.57)
- LCH
- lch(44.16 21.25 342)
- CMYK
- cmyk(0% 31% 13% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 916B81
- 9D7B8E
- A98A9C
- B59AA9
- C1AAB7
- CEBBC5
- DACCD3
- E6DDE2
- F3EEF0
Koyu tonlar
- 734F64
- 614254
- 503645
- 402A37
- 301F29
- 21141B
- 130A0F
- 060305
- 010001
Gri tonlar
- 856075
- 856376
- 846778
- 846B79
- 836E7A
- 83727B
- 82757C
- 82797E
- 817C7F
Renk uyumları
Tamamlayıcı +180°
- 855C74
Indian Silk
- 467661
≈ Fir
Analog -30° +30°
- 855C74
Indian Silk
- 786085
≈ Mystical Purple
- 8B5B60
≈ Rabbit Paws
Üçlü +120° +240°
- 855C74
Indian Silk
- 716D40
≈ Trough Shell
- 3E7386
≈ Calypso
Bölünmüş tamamlayıcı +150° +210°
- 855C74
Indian Silk
- 5C734D
≈ Hummingbird Green
- 397675
≈ Surf Green
Dörtlü +90° +180° +270°
- 855C74
Indian Silk
- 816540
≈ Seasoned Acorn
- 467661
≈ Fir
- 516D8F
≈ Berry Pie
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.55:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.78:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-silk: #855c74;
--indian-silk-rgb: 133 92 116;
--indian-silk-oklch: oklch(0.526 0.063 343.5);
}
.element {
color: var(--indian-silk);
background-color: hsl(325 18% 44%);
border-color: oklch(0.526 0.063 343.5);
}Tailwind CSS v4
@theme {
--color-indian-silk: #855c74;
--color-indian-silk-50: #ffeef9;
--color-indian-silk-100: #f9e0ec;
--color-indian-silk-200: #e9cada;
--color-indian-silk-300: #d0abbe;
--color-indian-silk-400: #ba90a8;
--color-indian-silk-500: #a57591;
--color-indian-silk-600: #8b647b;
--color-indian-silk-700: #6f5062;
--color-indian-silk-800: #523a49;
--color-indian-silk-900: #392832;
--color-indian-silk-950: #23161e;
}SCSS
$indian-silk: #855c74;
$indian-silk-rgb: 133, 92, 116;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}