Màu có tên gần nhất · #F1F3E5
#F1F3E5
Màu có tên gần nhất: Star Magnolia
#F1F3E5 (rgb(241 243 229), hsl(69 37% 93%), oklch(0.959 0.019 113.3)) gần nhất với màu có tên Star Magnolia. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F1F3E5
oklch(0.959 0.019 113.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F2F4E8
- F4F5EA
- F5F7ED
- F7F8EF
- F8F9F2
- F9FAF5
- FBFBF7
- FCFDFA
- FEFEFC
Sắc đậm
- D2D3C7
- B3B4AA
- 95978E
- 797A72
- 5D5E58
- 43443F
- 2B2B28
- 141412
- 030303
Sắc xám
- E5E7DA
- D9DBD0
- CECFC6
- C2C3BB
- B7B8B1
- ACACA7
- A0A19D
- 969693
- 8B8B8A
Hòa sắc
Bổ túc +180°
- F1F3E5
Star Magnolia
- F2EFFD
≈ Foundation White
Tương đồng -30° +30°
- F1F3E5
Star Magnolia
- F7F1E4
≈ Bright Moon
- EAF5EA
≈ Floaty Bubble
Bộ ba +120° +240°
- F1F3E5
Star Magnolia
- E6F4FC
≈ Kodama White
- FCEDF2
≈ Sugar Coated
Bổ túc chia +150° +210°
- F1F3E5
Star Magnolia
- EBF2FE
≈ Placebo Blue
- F8EDF9
≈ Placebo Fuchsia
Bộ bốn +90° +180° +270°
- F1F3E5
Star Magnolia
- E4F5F7
≈ Milky Way
- F2EFFD
≈ Foundation White
- FEEDEB
≈ Voracious White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.69:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.69:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
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);
}