En yakın adlandırılmış renk · #C85777
#C85777
En yakın adlandırılmış renk: Strawberry Moon
#C85777 (rgb(200 87 119), hsl(343 51% 56%), oklch(0.608 0.147 4.8)) en çok Strawberry Moon 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.
#C85777
oklch(0.608 0.147 4.8)
Renk dönüşümleri
- HEX
- #c85777
- RGB
- rgb(200 87 119)
- HSL
- hsl(343 51% 56%)
- HWB
- hwb(343 34% 22%)
- OKLCH
- oklch(0.608 0.147 4.8)
- OKLab
- oklab(0.608 0.146 0.012)
- CIE Lab
- lab(52.73 48.08 5.45)
- LCH
- lch(52.73 48.39 6.5)
- CMYK
- cmyk(0% 56% 41% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CF6984
- D67A91
- DD8B9E
- E39BAB
- E9ACB9
- EEBCC6
- F3CDD4
- F7DDE2
- FBEEF1
Koyu tonlar
- AE4B67
- 943E57
- 7B3347
- 632738
- 4C1C2A
- 36121C
- 210810
- 0F0305
- 020001
Gri tonlar
- C25D78
- BB6279
- B5667A
- AE6B7B
- A76F7C
- A0737C
- 99767D
- 917A7E
- 897D7F
Renk uyumları
Tamamlayıcı +180°
- C85777
Strawberry Moon
- 00978B
≈ Intense Teal
Analog -30° +30°
- C85777
Strawberry Moon
- B65DA5
≈ Bodacious
- CB5C42
≈ Grand Duke
Üçlü +120° +240°
- C85777
Strawberry Moon
- 6F9112
≈ Canopy
- 1489D4
≈ Way Beyond the Blue
Bölünmüş tamamlayıcı +150° +210°
- C85777
Strawberry Moon
- 119B59
≈ Militant Vegan
- 0092AA
≈ Cape Pond
Dörtlü +90° +180° +270°
- C85777
Strawberry Moon
- 9A8100
≈ Pestilence
- 00978B
≈ Intense Teal
- 6A78D9
≈ Kickstart Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.12:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.08:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.08:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--strawberry-moon: #c85777;
--strawberry-moon-rgb: 200 87 119;
--strawberry-moon-oklch: oklch(0.608 0.147 4.8);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(343 51% 56%);
border-color: oklch(0.608 0.147 4.8);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #c85777;
--color-strawberry-moon-50: #ffe4ee;
--color-strawberry-moon-100: #ffd4e0;
--color-strawberry-moon-200: #ffbaca;
--color-strawberry-moon-300: #f797ab;
--color-strawberry-moon-400: #e57693;
--color-strawberry-moon-500: #d25479;
--color-strawberry-moon-600: #b14867;
--color-strawberry-moon-700: #8f3a52;
--color-strawberry-moon-800: #6a293e;
--color-strawberry-moon-900: #4b1b2a;
--color-strawberry-moon-950: #310b18;
}SCSS
$strawberry-moon: #c85777;
$strawberry-moon-rgb: 200, 87, 119;
$strawberry-moon-light: mix(#fff, $strawberry-moon, 20%);
$strawberry-moon-dark: mix(#000, $strawberry-moon, 20%);
.element {
color: $strawberry-moon;
box-shadow: 0 0 0 2px rgba($strawberry-moon, 0.35);
}