En yakın adlandırılmış renk · #F3CFCC
#F3CFCC
En yakın adlandırılmış renk: Fairy Floss
#F3CFCC (rgb(243 207 204), hsl(5 62% 88%), oklch(0.884 0.041 23.6)) en çok Fairy Floss 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.
#F3CFCC
oklch(0.884 0.041 23.6)
Renk dönüşümleri
- HEX
- #f3cfcc
- RGB
- rgb(243 207 204)
- HSL
- hsl(5 62% 88%)
- HWB
- hwb(5 80% 5%)
- OKLCH
- oklch(0.884 0.041 23.6)
- OKLab
- oklab(0.884 0.037 0.016)
- CIE Lab
- lab(86.17 12.69 6.44)
- LCH
- lch(86.17 14.23 26.9)
- CMYK
- cmyk(0% 15% 16% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4D4D1
- F6D9D6
- F7DDDB
- F8E2E0
- F9E7E5
- FBECEA
- FCF1F0
- FDF5F5
- FEFAFA
Koyu tonlar
- D3B4B1
- B49997
- 977F7E
- 7A6765
- 5E4F4E
- 443837
- 2B2322
- 14100F
- 030202
Gri tonlar
- E7C7C4
- DBBFBC
- CFB7B5
- C4AFAD
- B8A7A5
- AD9F9E
- A19796
- 968F8F
- 8B8887
Renk uyumları
Tamamlayıcı +180°
- F3CFCC
Fairy Floss
- BAE1E5
≈ Forever
Analog -30° +30°
- F3CFCC
Fairy Floss
- F0CEDB
≈ Berry Butter
- EFD2C0
≈ Blushing
Üçlü +120° +240°
- F3CFCC
Fairy Floss
- CAE0C8
≈ Spring Burst
- CBD9F5
≈ Fly a Kite
Bölünmüş tamamlayıcı +150° +210°
- F3CFCC
Fairy Floss
- BEE2D6
≈ Serendipity
- BFDEF0
≈ Tropical Pool
Dörtlü +90° +180° +270°
- F3CFCC
Fairy Floss
- D8DCBE
≈ Apple Cucumber
- BAE1E5
≈ Forever
- DAD4F2
≈ Japan Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.60:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--fairy-floss: #f3cfcc;
--fairy-floss-rgb: 243 207 204;
--fairy-floss-oklch: oklch(0.884 0.041 23.6);
}
.element {
color: var(--fairy-floss);
background-color: hsl(5 62% 88%);
border-color: oklch(0.884 0.041 23.6);
}Tailwind CSS v4
@theme {
--color-fairy-floss: #f3cfcc;
--color-fairy-floss-50: #fff1ef;
--color-fairy-floss-100: #f5e3e1;
--color-fairy-floss-200: #e5cecb;
--color-fairy-floss-300: #ccb0ad;
--color-fairy-floss-400: #b69693;
--color-fairy-floss-500: #a07c79;
--color-fairy-floss-600: #876967;
--color-fairy-floss-700: #6c5452;
--color-fairy-floss-800: #503d3c;
--color-fairy-floss-900: #382a29;
--color-fairy-floss-950: #221717;
}SCSS
$fairy-floss: #f3cfcc;
$fairy-floss-rgb: 243, 207, 204;
$fairy-floss-light: mix(#fff, $fairy-floss, 20%);
$fairy-floss-dark: mix(#000, $fairy-floss, 20%);
.element {
color: $fairy-floss;
box-shadow: 0 0 0 2px rgba($fairy-floss, 0.35);
}