En yakın adlandırılmış renk · #955A7A
#955A7A
En yakın adlandırılmış renk: Indian Silk
#955A7A (rgb(149 90 122), hsl(327 25% 47%), oklch(0.544 0.088 346.7)) 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.
#955A7A
oklch(0.544 0.088 346.7)
Renk dönüşümleri
- HEX
- #955a7a
- RGB
- rgb(149 90 122)
- HSL
- hsl(327 25% 47%)
- HWB
- hwb(327 35% 42%)
- OKLCH
- oklch(0.544 0.088 346.7)
- OKLab
- oklab(0.544 0.086 -0.02)
- CIE Lab
- lab(45.9 28.3 -7.34)
- LCH
- lch(45.9 29.24 345.5)
- CMYK
- cmyk(0% 40% 18% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A06A87
- AB7993
- B689A0
- C09AAD
- CBAABA
- D5BBC8
- E0CBD5
- EADCE3
- F5EEF1
Koyu tonlar
- 814D69
- 6D4159
- 5A3549
- 48293A
- 371E2B
- 26131D
- 160910
- 080305
- 010001
Gri tonlar
- 935E7B
- 92627B
- 90667C
- 8E6A7C
- 8C6E7D
- 8A717E
- 88757E
- 85797F
- 837C7F
Renk uyumları
Tamamlayıcı +180°
- 955A7A
Indian Silk
- 338065
≈ Dream Green
Analog -30° +30°
- 955A7A
Indian Silk
- 845F92
≈ Swiss Lilac
- 9D5A5D
≈ Ruby Crystal
Üçlü +120° +240°
- 955A7A
Indian Silk
- 767331
≈ Crocodile Style
- 2A7A97
≈ Turkish Stone
Bölünmüş tamamlayıcı +150° +210°
- 955A7A
Indian Silk
- 577C47
≈ Mossy Green
- 157F81
≈ Teal
Dörtlü +90° +180° +270°
- 955A7A
Indian Silk
- 8D682E
≈ Tapenade
- 338065
≈ Dream Green
- 4D71A3
≈ Great Serpent
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.02:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-silk: #955a7a;
--indian-silk-rgb: 149 90 122;
--indian-silk-oklch: oklch(0.544 0.088 346.7);
}
.element {
color: var(--indian-silk);
background-color: hsl(327 25% 47%);
border-color: oklch(0.544 0.088 346.7);
}Tailwind CSS v4
@theme {
--color-indian-silk: #955a7a;
--color-indian-silk-50: #ffebf9;
--color-indian-silk-100: #ffdded;
--color-indian-silk-200: #f2c6da;
--color-indian-silk-300: #dba5bf;
--color-indian-silk-400: #c589a9;
--color-indian-silk-500: #b16e92;
--color-indian-silk-600: #955d7b;
--color-indian-silk-700: #784a63;
--color-indian-silk-800: #583649;
--color-indian-silk-900: #3e2533;
--color-indian-silk-950: #27131f;
}SCSS
$indian-silk: #955a7a;
$indian-silk-rgb: 149, 90, 122;
$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);
}