En yakın adlandırılmış renk · #F1FCEA
#F1FCEA
En yakın adlandırılmış renk: Homoeopathic Lime
#F1FCEA (rgb(241 252 234), hsl(97 75% 95%), oklch(0.978 0.026 133)) en çok Homoeopathic Lime 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.
#F1FCEA
oklch(0.978 0.026 133)
Renk dönüşümleri
- HEX
- #f1fcea
- RGB
- rgb(241 252 234)
- HSL
- hsl(97 75% 95%)
- HWB
- hwb(97 92% 1%)
- OKLCH
- oklch(0.978 0.026 133)
- OKLab
- oklab(0.978 -0.018 0.019)
- CIE Lab
- lab(97.77 -6.1 7.34)
- LCH
- lch(97.77 9.54 129.7)
- CMYK
- cmyk(4% 0% 7% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2FCEC
- F4FDEE
- F5FDF0
- F7FDF2
- F8FEF5
- F9FEF7
- FBFEF9
- FCFEFB
- FEFFFD
Koyu tonlar
- D2DBCB
- B3BBAE
- 959C91
- 797E75
- 5D625A
- 434741
- 2B2D29
- 141613
- 030303
Gri tonlar
- E5EFDF
- D9E2D4
- CED5C9
- C2C9BE
- B7BCB4
- ACB0A9
- A1A49F
- 969894
- 8B8C8A
Renk uyumları
Tamamlayıcı +180°
- F1FCEA
Homoeopathic Lime
- FBF5FF
≈ Sugar Crystal
Analog -30° +30°
- F1FCEA
Homoeopathic Lime
- FBF9E5
≈ Elderflower
- E9FEF3
≈ Mint Chiffon
Üçlü +120° +240°
- F1FCEA
Homoeopathic Lime
- F3F8FF
≈ Mā White
- FFF5F6
≈ Sea Salt Sherbet
Bölünmüş tamamlayıcı +150° +210°
- F1FCEA
Homoeopathic Lime
- F6F7FF
≈ Ghost White
- FFF4FA
≈ Sea Salt Sherbet
Dörtlü +90° +180° +270°
- F1FCEA
Homoeopathic Lime
- EEFAFF
≈ Alice Blue
- FBF5FF
≈ Sugar Crystal
- FFF6F2
≈ Seashell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.05:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.85:1 · APCA Lc 104
En iyi metin rengi: #000000
WCAG 19.85:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--homoeopathic-lime: #f1fcea;
--homoeopathic-lime-rgb: 241 252 234;
--homoeopathic-lime-oklch: oklch(0.978 0.026 133);
}
.element {
color: var(--homoeopathic-lime);
background-color: hsl(97 75% 95%);
border-color: oklch(0.978 0.026 133);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lime: #f1fcea;
--color-homoeopathic-lime-50: #f2f7ef;
--color-homoeopathic-lime-100: #e4eae1;
--color-homoeopathic-lime-200: #cfd7cc;
--color-homoeopathic-lime-300: #b2bbad;
--color-homoeopathic-lime-400: #98a292;
--color-homoeopathic-lime-500: #7f8a78;
--color-homoeopathic-lime-600: #6c7566;
--color-homoeopathic-lime-700: #565e52;
--color-homoeopathic-lime-800: #3f443b;
--color-homoeopathic-lime-900: #2b2f28;
--color-homoeopathic-lime-950: #191c16;
}SCSS
$homoeopathic-lime: #f1fcea;
$homoeopathic-lime-rgb: 241, 252, 234;
$homoeopathic-lime-light: mix(#fff, $homoeopathic-lime, 20%);
$homoeopathic-lime-dark: mix(#000, $homoeopathic-lime, 20%);
.element {
color: $homoeopathic-lime;
box-shadow: 0 0 0 2px rgba($homoeopathic-lime, 0.35);
}