En yakın adlandırılmış renk · #FFC3CE
#FFC3CE
En yakın adlandırılmış renk: Pink
#FFC3CE (rgb(255 195 206), hsl(349 100% 88%), oklch(0.874 0.07 6.4)) en çok Pink 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.
#FFC3CE
oklch(0.874 0.07 6.4)
Renk dönüşümleri
- HEX
- #ffc3ce
- RGB
- rgb(255 195 206)
- HSL
- hsl(349 100% 88%)
- HWB
- hwb(349 76% 0%)
- OKLCH
- oklch(0.874 0.07 6.4)
- OKLab
- oklab(0.874 0.069 0.008)
- CIE Lab
- lab(84.54 23.27 3.24)
- LCH
- lch(84.54 23.5 7.9)
- CMYK
- cmyk(0% 24% 19% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFC9D3
- FFCFD8
- FFD5DD
- FFDBE1
- FFE1E6
- FFE7EB
- FFEDF0
- FFF3F5
- FFF9FA
Koyu tonlar
- DEA9B3
- BE9098
- 9E787F
- 806066
- 634A4E
- 483438
- 2E2023
- 160E0F
- 030202
Gri tonlar
- F2BCC6
- E5B5BE
- D8AFB6
- CBA8AE
- BEA1A6
- B29A9E
- A59497
- 998D8F
- 8C8787
Renk uyumları
Tamamlayıcı +180°
- FFC3CE
Pink
- A0E5DD
≈ Sea Glass Teal
Analog -30° +30°
- FFC3CE
Pink
- F4C5E7
≈ Rosy Nectar
- FFC6B6
≈ Ballet Skirt
Üçlü +120° +240°
- FFC3CE
Pink
- CADFAD
≈ Viridine Green
- B3DBFF
≈ Droplet
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.94:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink: #ffc3ce;
--pink-rgb: 255 195 206;
--pink-oklch: oklch(0.874 0.07 6.4);
}
.element {
color: var(--pink);
background-color: hsl(349 100% 88%);
border-color: oklch(0.874 0.07 6.4);
}Tailwind CSS v4
@theme {
--color-pink: #ffc3ce;
--color-pink-50: #ffedf1;
--color-pink-100: #fedfe3;
--color-pink-200: #f0c9ce;
--color-pink-300: #d8a9b0;
--color-pink-400: #c38e98;
--color-pink-500: #ae737f;
--color-pink-600: #93616b;
--color-pink-700: #764e56;
--color-pink-800: #57383f;
--color-pink-900: #3d262c;
--color-pink-950: #261519;
}SCSS
$pink: #ffc3ce;
$pink-rgb: 255, 195, 206;
$pink-light: mix(#fff, $pink, 20%);
$pink-dark: mix(#000, $pink, 20%);
.element {
color: $pink;
box-shadow: 0 0 0 2px rgba($pink, 0.35);
}