En yakın adlandırılmış renk · #9B5966
#9B5966
En yakın adlandırılmış renk: Cherry Berry
#9B5966 (rgb(155 89 102), hsl(348 27% 48%), oklch(0.543 0.088 7.7)) en çok Cherry Berry 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.
#9B5966
oklch(0.543 0.088 7.7)
Renk dönüşümleri
- HEX
- #9b5966
- RGB
- rgb(155 89 102)
- HSL
- hsl(348 27% 48%)
- HWB
- hwb(348 35% 39%)
- OKLCH
- oklch(0.543 0.088 7.7)
- OKLab
- oklab(0.543 0.087 0.012)
- CIE Lab
- lab(45.99 28.98 4.97)
- LCH
- lch(45.99 29.41 9.7)
- CMYK
- cmyk(0% 43% 34% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A66974
- B07983
- BB8991
- C599A0
- CFAAAF
- D9BABF
- E2CBCF
- ECDCDF
- F6EEEF
Koyu tonlar
- 864C58
- 72404A
- 5E343C
- 4B282F
- 391D23
- 281317
- 18090C
- 090304
- 010000
Gri tonlar
- 995D69
- 97616B
- 94666E
- 926970
- 8F6D73
- 8D7176
- 8A7578
- 87797B
- 847C7D
Renk uyumları
Tamamlayıcı +180°
- 9B5966
Cherry Berry
- 1A8079
≈ Autumn Pine Green
Analog -30° +30°
- 9B5966
Cherry Berry
- 915B82
≈ Antique Fuchsia
- 9B5D49
≈ Vintage Copper
Üçlü +120° +240°
- 9B5966
Cherry Berry
- 61793F
≈ Noble Eric
- 4374A0
≈ Decoration Blue
Bölünmüş tamamlayıcı +150° +210°
- 9B5966
Cherry Berry
- 3E7F5B
≈ Leisure Green
- 207C91
≈ Pagoda
Dörtlü +90° +180° +270°
- 9B5966
Cherry Berry
- 7D702D
≈ Wood Garlic
- 1A8079
≈ Autumn Pine Green
- 636AA2
≈ Twinkle Night
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-berry: #9b5966;
--cherry-berry-rgb: 155 89 102;
--cherry-berry-oklch: oklch(0.543 0.088 7.7);
}
.element {
color: var(--cherry-berry);
background-color: hsl(348 27% 48%);
border-color: oklch(0.543 0.088 7.7);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #9b5966;
--color-cherry-berry-50: #ffebef;
--color-cherry-berry-100: #ffdce1;
--color-cherry-berry-200: #f7c5cc;
--color-cherry-berry-300: #e0a5ad;
--color-cherry-berry-400: #cc8995;
--color-cherry-berry-500: #b86d7b;
--color-cherry-berry-600: #9b5c68;
--color-cherry-berry-700: #7d4a53;
--color-cherry-berry-800: #5c353e;
--color-cherry-berry-900: #41242a;
--color-cherry-berry-950: #291318;
}SCSS
$cherry-berry: #9b5966;
$cherry-berry-rgb: 155, 89, 102;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}