En yakın adlandırılmış renk · #F1F3E5
#F1F3E5
En yakın adlandırılmış renk: Star Magnolia
#F1F3E5 (rgb(241 243 229), hsl(69 37% 93%), oklch(0.959 0.019 113.3)) en çok Star Magnolia 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.
#F1F3E5
oklch(0.959 0.019 113.3)
Renk dönüşümleri
- HEX
- #f1f3e5
- RGB
- rgb(241 243 229)
- HSL
- hsl(69 37% 93%)
- HWB
- hwb(69 90% 5%)
- OKLCH
- oklch(0.959 0.019 113.3)
- OKLab
- oklab(0.959 -0.007 0.017)
- CIE Lab
- lab(95.4 -2.49 6.53)
- LCH
- lch(95.4 6.99 110.9)
- CMYK
- cmyk(1% 0% 6% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2F4E8
- F4F5EA
- F5F7ED
- F7F8EF
- F8F9F2
- F9FAF5
- FBFBF7
- FCFDFA
- FEFEFC
Koyu tonlar
- D2D3C7
- B3B4AA
- 95978E
- 797A72
- 5D5E58
- 43443F
- 2B2B28
- 141412
- 030303
Gri tonlar
- E5E7DA
- D9DBD0
- CECFC6
- C2C3BB
- B7B8B1
- ACACA7
- A0A19D
- 969693
- 8B8B8A
Renk uyumları
Tamamlayıcı +180°
- F1F3E5
Star Magnolia
- F2EFFD
≈ Foundation White
Analog -30° +30°
- F1F3E5
Star Magnolia
- F7F1E4
≈ Bright Moon
- EAF5EA
≈ Floaty Bubble
Üçlü +120° +240°
- F1F3E5
Star Magnolia
- E6F4FC
≈ Kodama White
- FCEDF2
≈ Sugar Coated
Bölünmüş tamamlayıcı +150° +210°
- F1F3E5
Star Magnolia
- EBF2FE
≈ Placebo Blue
- F8EDF9
≈ Placebo Fuchsia
Dörtlü +90° +180° +270°
- F1F3E5
Star Magnolia
- E4F5F7
≈ Milky Way
- F2EFFD
≈ Foundation White
- FEEDEB
≈ Voracious White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.12:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.69:1 · APCA Lc 99
En iyi metin rengi: #000000
WCAG 18.69:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--star-magnolia: #f1f3e5;
--star-magnolia-rgb: 241 243 229;
--star-magnolia-oklch: oklch(0.959 0.019 113.3);
}
.element {
color: var(--star-magnolia);
background-color: hsl(69 37% 93%);
border-color: oklch(0.959 0.019 113.3);
}Tailwind CSS v4
@theme {
--color-star-magnolia: #f1f3e5;
--color-star-magnolia-50: #f5f6f0;
--color-star-magnolia-100: #e7e9e2;
--color-star-magnolia-200: #d4d5cc;
--color-star-magnolia-300: #b7b9ae;
--color-star-magnolia-400: #9ea093;
--color-star-magnolia-500: #86887a;
--color-star-magnolia-600: #717367;
--color-star-magnolia-700: #5b5c52;
--color-star-magnolia-800: #42433c;
--color-star-magnolia-900: #2e2e29;
--color-star-magnolia-950: #1b1b17;
}SCSS
$star-magnolia: #f1f3e5;
$star-magnolia-rgb: 241, 243, 229;
$star-magnolia-light: mix(#fff, $star-magnolia, 20%);
$star-magnolia-dark: mix(#000, $star-magnolia, 20%);
.element {
color: $star-magnolia;
box-shadow: 0 0 0 2px rgba($star-magnolia, 0.35);
}