En yakın adlandırılmış renk · #CB2766
#CB2766
En yakın adlandırılmış renk: Spicy Berry
#CB2766 (rgb(203 39 102), hsl(337 68% 47%), oklch(0.559 0.201 4.2)) en çok Spicy 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.
#CB2766
oklch(0.559 0.201 4.2)
Renk dönüşümleri
- HEX
- #cb2766
- RGB
- rgb(203 39 102)
- HSL
- hsl(337 68% 47%)
- HWB
- hwb(337 15% 20%)
- OKLCH
- oklch(0.559 0.201 4.2)
- OKLab
- oklab(0.559 0.2 0.015)
- CIE Lab
- lab(46.37 65.07 6.89)
- LCH
- lch(46.37 65.43 6)
- CMYK
- cmyk(0% 81% 50% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D34574
- DB5D83
- E27391
- E888A0
- EE9CAF
- F3B0BF
- F7C4CF
- FBD7DF
- FDEBEF
Koyu tonlar
- B02058
- 961A4A
- 7D143C
- 650E2F
- 4D0823
- 370417
- 22020C
- 0F0104
- 020000
Gri tonlar
- C53869
- BF446B
- B94E6E
- B25770
- AB5F73
- A46776
- 9C6E78
- 93747B
- 8A7A7D
Renk uyumları
Tamamlayıcı +180°
- CB2766
Spicy Berry
- 00877B
≈ Mystic Turquoise
Analog -30° +30°
- CB2766
Spicy Berry
- B536A3
≈ Byzantine
- CF3000
≈ Pleasant Pomegranate
Üçlü +120° +240°
- CB2766
Spicy Berry
- 638100
≈ Enchanted Forest
- 007ABF
≈ Star of Life
Bölünmüş tamamlayıcı +150° +210°
- CB2766
Spicy Berry
- 008B4C
≈ Real Turquoise
- 008297
≈ Cruising
Dörtlü +90° +180° +270°
- CB2766
Spicy Berry
- 8A7200
≈ Vermin Brown
- 00877B
≈ Mystic Turquoise
- 5560E7
≈ Arcane Brew
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.02:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--spicy-berry: #cb2766;
--spicy-berry-rgb: 203 39 102;
--spicy-berry-oklch: oklch(0.559 0.201 4.2);
}
.element {
color: var(--spicy-berry);
background-color: hsl(337 68% 47%);
border-color: oklch(0.559 0.201 4.2);
}Tailwind CSS v4
@theme {
--color-spicy-berry: #cb2766;
--color-spicy-berry-50: #ffdeec;
--color-spicy-berry-100: #ffccdd;
--color-spicy-berry-200: #ffafc7;
--color-spicy-berry-300: #ff87a7;
--color-spicy-berry-400: #fa6190;
--color-spicy-berry-500: #e83076;
--color-spicy-berry-600: #c42c64;
--color-spicy-berry-700: #9e2350;
--color-spicy-berry-800: #75173d;
--color-spicy-berry-900: #53102a;
--color-spicy-berry-950: #370117;
}SCSS
$spicy-berry: #cb2766;
$spicy-berry-rgb: 203, 39, 102;
$spicy-berry-light: mix(#fff, $spicy-berry, 20%);
$spicy-berry-dark: mix(#000, $spicy-berry, 20%);
.element {
color: $spicy-berry;
box-shadow: 0 0 0 2px rgba($spicy-berry, 0.35);
}