En yakın adlandırılmış renk · #89525C
#89525C
En yakın adlandırılmış renk: Velour Scar
#89525C (rgb(137 82 92), hsl(349 25% 43%), oklch(0.504 0.074 8.3)) en çok Velour Scar 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.
#89525C
oklch(0.504 0.074 8.3)
Renk dönüşümleri
- HEX
- #89525c
- RGB
- rgb(137 82 92)
- HSL
- hsl(349 25% 43%)
- HWB
- hwb(349 32% 46%)
- OKLCH
- oklch(0.504 0.074 8.3)
- OKLab
- oklab(0.504 0.074 0.011)
- CIE Lab
- lab(41.63 24.55 4.48)
- LCH
- lch(41.63 24.96 10.3)
- CMYK
- cmyk(0% 40% 33% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 95626B
- A1737A
- AD838A
- B9949A
- C5A5AA
- D0B7BA
- DCC8CB
- E8DADC
- F3EDED
Koyu tonlar
- 76464F
- 643B42
- 532F36
- 42252A
- 311A1F
- 221114
- 14080A
- 070203
- 010000
Gri tonlar
- 895760
- 885C63
- 886067
- 87656A
- 86696E
- 856E71
- 847375
- 837779
- 827C7C
Renk uyumları
Tamamlayıcı +180°
- 89525C
Velour Scar
- 25726D
≈ Advantageous
Analog -30° +30°
- 89525C
Velour Scar
- 805473
≈ Magnificence
- 895545
≈ True Copper
Üçlü +120° +240°
- 89525C
Velour Scar
- 586D3D
≈ Spring Onion
- 41688D
≈ Snake River
Bölünmüş tamamlayıcı +150° +210°
- 89525C
Velour Scar
- 3C7154
≈ Foliage Green
- 286F81
≈ Tlāloc Blue
Dörtlü +90° +180° +270°
- 89525C
Velour Scar
- 70652F
≈ Himalaya
- 25726D
≈ Advantageous
- 5B608F
≈ Breathtaking
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.13:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.42:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--velour-scar: #89525c;
--velour-scar-rgb: 137 82 92;
--velour-scar-oklch: oklch(0.504 0.074 8.3);
}
.element {
color: var(--velour-scar);
background-color: hsl(349 25% 43%);
border-color: oklch(0.504 0.074 8.3);
}Tailwind CSS v4
@theme {
--color-velour-scar: #89525c;
--color-velour-scar-50: #ffedf0;
--color-velour-scar-100: #ffdee2;
--color-velour-scar-200: #f2c8cd;
--color-velour-scar-300: #daa8ae;
--color-velour-scar-400: #c68c96;
--color-velour-scar-500: #b1717c;
--color-velour-scar-600: #966069;
--color-velour-scar-700: #784d54;
--color-velour-scar-800: #59373e;
--color-velour-scar-900: #3e262b;
--color-velour-scar-950: #271418;
}SCSS
$velour-scar: #89525c;
$velour-scar-rgb: 137, 82, 92;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}