Adlandırılmış renk · #F7C3DA
Miami Pink
Miami Pink, #F7C3DA: rgb(247 195 218), hsl(333 76% 87%), oklch(0.87 0.066 350.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Miami Pink color name →
#F7C3DA
oklch(0.87 0.066 350.2)
Renk dönüşümleri
- HEX
- #f7c3da
- RGB
- rgb(247 195 218)
- HSL
- hsl(333 76% 87%)
- HWB
- hwb(333 76% 3%)
- OKLCH
- oklch(0.87 0.066 350.2)
- OKLab
- oklab(0.87 0.065 -0.011)
- CIE Lab
- lab(84 21.75 -4.03)
- LCH
- lch(84 22.12 349.5)
- CMYK
- cmyk(0% 21% 12% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8C9DE
- F9CFE1
- FAD5E5
- FBDBE9
- FCE1EC
- FDE7F0
- FDEDF4
- FEF3F8
- FFF9FB
Koyu tonlar
- D7A9BD
- B790A2
- 997887
- 7C606C
- 604A54
- 45343C
- 2C2025
- 150E11
- 030202
Gri tonlar
- EBBCD1
- DEB5C7
- D2AFBE
- C6A8B5
- BAA1AC
- AF9AA3
- A3949A
- 978D91
- 8C8789
Renk uyumları
Tamamlayıcı +180°
- F7C3DA
Miami Pink
- A9E3CE
≈ Turquoise Tower
Analog -30° +30°
- F7C3DA
Miami Pink
- E8C7EF
≈ Purple’s Baby Sister
- FDC4C2
≈ Ladylike
Üçlü +120° +240°
- F7C3DA
Miami Pink
- D6D9A7
≈ Sunlit Leaf
- A8DDF8
≈ Van Gogh Blue
Bölünmüş tamamlayıcı +150° +210°
- F7C3DA
Miami Pink
- BEDFB7
≈ Graceful Flower
- A0E2E5
≈ Everest
Dörtlü +90° +180° +270°
- F7C3DA
Miami Pink
- EBD0A3
≈ Spice Is Nice
- A9E3CE
≈ Turquoise Tower
- BCD6FF
≈ Oh Boy!
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.77:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--miami-pink: #f7c3da;
--miami-pink-rgb: 247 195 218;
--miami-pink-oklch: oklch(0.87 0.066 350.2);
}
.element {
color: var(--miami-pink);
background-color: hsl(333 76% 87%);
border-color: oklch(0.87 0.066 350.2);
}Tailwind CSS v4
@theme {
--color-miami-pink: #f7c3da;
--color-miami-pink-50: #ffeef7;
--color-miami-pink-100: #fbdfea;
--color-miami-pink-200: #ecc9d7;
--color-miami-pink-300: #d3aabb;
--color-miami-pink-400: #bd8fa4;
--color-miami-pink-500: #a8748c;
--color-miami-pink-600: #8e6377;
--color-miami-pink-700: #724f5f;
--color-miami-pink-800: #543946;
--color-miami-pink-900: #3a2731;
--color-miami-pink-950: #24151d;
}SCSS
$miami-pink: #f7c3da;
$miami-pink-rgb: 247, 195, 218;
$miami-pink-light: mix(#fff, $miami-pink, 20%);
$miami-pink-dark: mix(#000, $miami-pink, 20%);
.element {
color: $miami-pink;
box-shadow: 0 0 0 2px rgba($miami-pink, 0.35);
}