Adlandırılmış renk · #F3D9DC
Funhouse
Funhouse, #F3D9DC: rgb(243 217 220), hsl(353 52% 90%), oklch(0.907 0.029 9.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Funhouse color name →
#F3D9DC
oklch(0.907 0.029 9.8)
Renk dönüşümleri
- HEX
- #f3d9dc
- RGB
- rgb(243 217 220)
- HSL
- hsl(353 52% 90%)
- HWB
- hwb(353 85% 5%)
- OKLCH
- oklch(0.907 0.029 9.8)
- OKLab
- oklab(0.907 0.029 0.005)
- CIE Lab
- lab(88.93 9.65 1.98)
- LCH
- lch(88.93 9.85 11.6)
- CMYK
- cmyk(0% 11% 9% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4DDDF
- F6E1E3
- F7E4E6
- F8E8EA
- F9ECED
- FAF0F1
- FCF4F4
- FDF7F8
- FEFBFB
Koyu tonlar
- D3BCBF
- B4A1A3
- 978688
- 7A6C6E
- 5E5354
- 443B3C
- 2B2526
- 141111
- 030202
Gri tonlar
- E7D0D2
- DBC7C9
- CFBDBF
- C4B4B6
- B8ABAD
- ADA3A4
- A19A9B
- 969192
- 8B8989
Renk uyumları
Tamamlayıcı +180°
- F3D9DC
Funhouse
- CCE7E4
≈ Jagged Ice
Analog -30° +30°
- F3D9DC
Funhouse
- EFD9E7
≈ Mountain Heather
- F3DBD2
≈ Pinkwash
Üçlü +120° +240°
- F3D9DC
Funhouse
- DAE5D1
≈ Frostee
- D2E3F4
≈ Weathered Blue
Bölünmüş tamamlayıcı +150° +210°
- F3D9DC
Funhouse
- D1E7DA
≈ Light Light Lichen
- CCE6EE
≈ Sapphireberry
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.76:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--funhouse: #f3d9dc;
--funhouse-rgb: 243 217 220;
--funhouse-oklch: oklch(0.907 0.029 9.8);
}
.element {
color: var(--funhouse);
background-color: hsl(353 52% 90%);
border-color: oklch(0.907 0.029 9.8);
}Tailwind CSS v4
@theme {
--color-funhouse: #f3d9dc;
--color-funhouse-50: #fdf2f3;
--color-funhouse-100: #f1e4e5;
--color-funhouse-200: #e0cfd1;
--color-funhouse-300: #c6b2b3;
--color-funhouse-400: #af989a;
--color-funhouse-500: #987f82;
--color-funhouse-600: #816b6e;
--color-funhouse-700: #675658;
--color-funhouse-800: #4c3e40;
--color-funhouse-900: #352b2c;
--color-funhouse-950: #201819;
}SCSS
$funhouse: #f3d9dc;
$funhouse-rgb: 243, 217, 220;
$funhouse-light: mix(#fff, $funhouse, 20%);
$funhouse-dark: mix(#000, $funhouse, 20%);
.element {
color: $funhouse;
box-shadow: 0 0 0 2px rgba($funhouse, 0.35);
}