En yakın adlandırılmış renk · #FCD4D7
#FCD4D7
En yakın adlandırılmış renk: We Peep
#FCD4D7 (rgb(252 212 215), hsl(356 87% 91%), oklch(0.905 0.045 12.9)) en çok We Peep 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.
#FCD4D7
oklch(0.905 0.045 12.9)
Renk dönüşümleri
- HEX
- #fcd4d7
- RGB
- rgb(252 212 215)
- HSL
- hsl(356 87% 91%)
- HWB
- hwb(356 83% 1%)
- OKLCH
- oklch(0.905 0.045 12.9)
- OKLab
- oklab(0.905 0.044 0.01)
- CIE Lab
- lab(88.44 14.77 4.02)
- LCH
- lch(88.44 15.31 15.2)
- CMYK
- cmyk(0% 16% 15% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCD8DB
- FDDDDF
- FDE1E3
- FEE5E7
- FEE9EB
- FEEEEF
- FFF2F3
- FFF6F7
- FFFBFB
Koyu tonlar
- DBB8BB
- BB9D9F
- 9C8385
- 7E696B
- 625152
- 473A3B
- 2D2425
- 161011
- 030202
Gri tonlar
- EFCBCE
- E2C3C5
- D6BABC
- C9B2B3
- BCA9AA
- B0A1A2
- A49899
- 989091
- 8C8888
Renk uyumları
Tamamlayıcı +180°
- FCD4D7
We Peep
- BEEAE8
≈ Luxor Blue
Analog -30° +30°
- FCD4D7
We Peep
- F6D4E7
≈ Infatuation
- FBD7C8
≈ Scallop Shell
Üçlü +120° +240°
- FCD4D7
We Peep
- D4E6C8
≈ Tactile
- CBE2FD
≈ Fresh Water
Bölünmüş tamamlayıcı +150° +210°
- FCD4D7
We Peep
- C6E9D7
≈ Frozen Pea
- C0E7F6
≈ Icy Landscape
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.53:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--we-peep: #fcd4d7;
--we-peep-rgb: 252 212 215;
--we-peep-oklch: oklch(0.905 0.045 12.9);
}
.element {
color: var(--we-peep);
background-color: hsl(356 87% 91%);
border-color: oklch(0.905 0.045 12.9);
}Tailwind CSS v4
@theme {
--color-we-peep: #fcd4d7;
--color-we-peep-50: #fff0f1;
--color-we-peep-100: #f7e2e3;
--color-we-peep-200: #e7cdce;
--color-we-peep-300: #cdafb0;
--color-we-peep-400: #b79497;
--color-we-peep-500: #a27a7e;
--color-we-peep-600: #89686a;
--color-we-peep-700: #6e5355;
--color-we-peep-800: #513c3e;
--color-we-peep-900: #38292b;
--color-we-peep-950: #231718;
}SCSS
$we-peep: #fcd4d7;
$we-peep-rgb: 252, 212, 215;
$we-peep-light: mix(#fff, $we-peep, 20%);
$we-peep-dark: mix(#000, $we-peep, 20%);
.element {
color: $we-peep;
box-shadow: 0 0 0 2px rgba($we-peep, 0.35);
}