En yakın adlandırılmış renk · #C85660
#C85660
En yakın adlandırılmış renk: Pimm’s
#C85660 (rgb(200 86 96), hsl(355 51% 56%), oklch(0.601 0.146 17.3)) en çok Pimm’s 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.
#C85660
oklch(0.601 0.146 17.3)
Renk dönüşümleri
- HEX
- #c85660
- RGB
- rgb(200 86 96)
- HSL
- hsl(355 51% 56%)
- HWB
- hwb(355 34% 22%)
- OKLCH
- oklch(0.601 0.146 17.3)
- OKLab
- oklab(0.601 0.139 0.043)
- CIE Lab
- lab(52.1 46.94 18.23)
- LCH
- lch(52.1 50.36 21.2)
- CMYK
- cmyk(0% 57% 52% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CF686F
- D7797E
- DD8A8D
- E39B9D
- E9ABAD
- EEBCBD
- F3CDCD
- F8DDDE
- FCEEEE
Koyu tonlar
- AE4A52
- 943E45
- 7B3238
- 63272C
- 4C1C20
- 361215
- 21080A
- 0F0203
- 020000
Gri tonlar
- C25C63
- BC6167
- B5666A
- AE6A6D
- A76E70
- A07274
- 997677
- 917A7A
- 897D7D
Renk uyumları
Tamamlayıcı +180°
- C85660
Pimm’s
- 009396
≈ Lido Deck
Analog -30° +30°
- C85660
Pimm’s
- BC5791
≈ Berry Boost
- C46025
≈ Cinnamon Rufous
Üçlü +120° +240°
- C85660
Pimm’s
- 529434
≈ Always Greener
- 4380D5
≈ Serenity’s Reign
Bölünmüş tamamlayıcı +150° +210°
- C85660
Pimm’s
- 009771
≈ Jardinière
- 008DB6
≈ Spinnaker Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.23:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.95:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--pimm-s: #c85660;
--pimm-s-rgb: 200 86 96;
--pimm-s-oklch: oklch(0.601 0.146 17.3);
}
.element {
color: var(--pimm-s);
background-color: hsl(355 51% 56%);
border-color: oklch(0.601 0.146 17.3);
}Tailwind CSS v4
@theme {
--color-pimm-s: #c85660;
--color-pimm-s-50: #ffe5e5;
--color-pimm-s-100: #ffd5d4;
--color-pimm-s-200: #ffbbbb;
--color-pimm-s-300: #f99899;
--color-pimm-s-400: #e7787f;
--color-pimm-s-500: #d55662;
--color-pimm-s-600: #b44a53;
--color-pimm-s-700: #913b42;
--color-pimm-s-800: #6c2932;
--color-pimm-s-900: #4c1c22;
--color-pimm-s-950: #320b11;
}SCSS
$pimm-s: #c85660;
$pimm-s-rgb: 200, 86, 96;
$pimm-s-light: mix(#fff, $pimm-s, 20%);
$pimm-s-dark: mix(#000, $pimm-s, 20%);
.element {
color: $pimm-s;
box-shadow: 0 0 0 2px rgba($pimm-s, 0.35);
}