En yakın adlandırılmış renk · #9B3756
#9B3756
En yakın adlandırılmış renk: Raspberry Romantic
#9B3756 (rgb(155 55 86), hsl(341 48% 41%), oklch(0.487 0.136 4.5)) en çok Raspberry Romantic 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.
#9B3756
oklch(0.487 0.136 4.5)
Renk dönüşümleri
- HEX
- #9b3756
- RGB
- rgb(155 55 86)
- HSL
- hsl(341 48% 41%)
- HWB
- hwb(341 22% 39%)
- OKLCH
- oklch(0.487 0.136 4.5)
- OKLab
- oklab(0.487 0.135 0.011)
- CIE Lab
- lab(38.89 44.29 4.82)
- LCH
- lch(38.89 44.55 6.2)
- CMYK
- cmyk(0% 65% 45% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A74C65
- B26075
- BD7385
- C88796
- D29AA6
- DCAEB8
- E5C2C9
- EED6DB
- F7EAED
Koyu tonlar
- 862E4A
- 72263E
- 5E1E32
- 4B1627
- 390F1C
- 280812
- 180308
- 090102
- 010000
Gri tonlar
- 9A405A
- 98495E
- 965062
- 945866
- 925F6B
- 8F666F
- 8C6D73
- 887377
- 847A7C
Renk uyumları
Tamamlayıcı +180°
- 9B3756
Raspberry Romantic
- 006F66
≈ Tide Pools
Analog -30° +30°
- 9B3756
Raspberry Romantic
- 8C3D7E
≈ Hollyhock
- 9E3C25
≈ Edocha
Üçlü +120° +240°
- 9B3756
Raspberry Romantic
- 516A00
≈ Over the Hills
- 00659F
≈ Prime Blue
Bölünmüş tamamlayıcı +150° +210°
- 9B3756
Raspberry Romantic
- 00733F
≈ Dartmouth Green
- 006C7E
≈ Shinbashi Azure
Dörtlü +90° +180° +270°
- 9B3756
Raspberry Romantic
- 725E00
≈ Hot Mustard
- 006F66
≈ Tide Pools
- 4A56AB
≈ Chinese Bellflower
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.83:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.07:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--raspberry-romantic: #9b3756;
--raspberry-romantic-rgb: 155 55 86;
--raspberry-romantic-oklch: oklch(0.487 0.136 4.5);
}
.element {
color: var(--raspberry-romantic);
background-color: hsl(341 48% 41%);
border-color: oklch(0.487 0.136 4.5);
}Tailwind CSS v4
@theme {
--color-raspberry-romantic: #9b3756;
--color-raspberry-romantic-50: #ffe6ef;
--color-raspberry-romantic-100: #ffd6e0;
--color-raspberry-romantic-200: #ffbccb;
--color-raspberry-romantic-300: #f39aac;
--color-raspberry-romantic-400: #e07a94;
--color-raspberry-romantic-500: #cd5a7b;
--color-raspberry-romantic-600: #ad4d68;
--color-raspberry-romantic-700: #8b3d53;
--color-raspberry-romantic-800: #672b3e;
--color-raspberry-romantic-900: #491d2b;
--color-raspberry-romantic-950: #2f0d18;
}SCSS
$raspberry-romantic: #9b3756;
$raspberry-romantic-rgb: 155, 55, 86;
$raspberry-romantic-light: mix(#fff, $raspberry-romantic, 20%);
$raspberry-romantic-dark: mix(#000, $raspberry-romantic, 20%);
.element {
color: $raspberry-romantic;
box-shadow: 0 0 0 2px rgba($raspberry-romantic, 0.35);
}