En yakın adlandırılmış renk · #995360
#995360
En yakın adlandırılmış renk: Cherry Berry
#995360 (rgb(153 83 96), hsl(349 30% 46%), oklch(0.529 0.094 8.9)) 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.
#995360
oklch(0.529 0.094 8.9)
Renk dönüşümleri
- HEX
- #995360
- RGB
- rgb(153 83 96)
- HSL
- hsl(349 30% 46%)
- HWB
- hwb(349 33% 40%)
- OKLCH
- oklch(0.529 0.094 8.9)
- OKLab
- oklab(0.529 0.093 0.015)
- CIE Lab
- lab(44.23 30.81 6.08)
- LCH
- lch(44.23 31.4 11.2)
- CMYK
- cmyk(0% 46% 37% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4646F
- AF747E
- B9858D
- C4969C
- CEA7AC
- D8B8BC
- E2C9CD
- ECDBDD
- F6EDEE
Koyu tonlar
- 844752
- 703B45
- 5D3038
- 4A252C
- 381B20
- 271115
- 17080A
- 080203
- 010000
Gri tonlar
- 975863
- 955D66
- 936169
- 91666D
- 8F6B70
- 8C6F73
- 8A7376
- 87787A
- 837C7D
Renk uyumları
Tamamlayıcı +180°
- 995360
Cherry Berry
- 007C76
≈ Wizards Orb
Analog -30° +30°
- 995360
Cherry Berry
- 8F557D
≈ Dynamic Magenta
- 995741
≈ Rookwood Terra Cotta
Üçlü +120° +240°
- 995360
Cherry Berry
- 5A7638
≈ Majestic Jungle
- 3D6F9F
≈ Muted Blue
Bölünmüş tamamlayıcı +150° +210°
- 995360
Cherry Berry
- 337C57
≈ Amazon
- 087890
≈ Bayou Serenade
Dörtlü +90° +180° +270°
- 995360
Cherry Berry
- 796C22
≈ Tarnished Brass
- 007C76
≈ Wizards Orb
- 6065A1
≈ Iris Bloom
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.58:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.76:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-berry: #995360;
--cherry-berry-rgb: 153 83 96;
--cherry-berry-oklch: oklch(0.529 0.094 8.9);
}
.element {
color: var(--cherry-berry);
background-color: hsl(349 30% 46%);
border-color: oklch(0.529 0.094 8.9);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #995360;
--color-cherry-berry-50: #ffebee;
--color-cherry-berry-100: #ffdce0;
--color-cherry-berry-200: #f9c4ca;
--color-cherry-berry-300: #e3a4ac;
--color-cherry-berry-400: #cf8793;
--color-cherry-berry-500: #bb6b79;
--color-cherry-berry-600: #9e5b67;
--color-cherry-berry-700: #7f4852;
--color-cherry-berry-800: #5e343d;
--color-cherry-berry-900: #42232a;
--color-cherry-berry-950: #2a1217;
}SCSS
$cherry-berry: #995360;
$cherry-berry-rgb: 153, 83, 96;
$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);
}