Màu có tên gần nhất · #F1E9E3
#F1E9E3
Màu có tên gần nhất: Refer to the Stars
#F1E9E3 (rgb(241 233 227), hsl(26 33% 92%), oklch(0.939 0.012 59.6)) gần nhất với màu có tên Refer to the Stars. 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.
#F1E9E3
oklch(0.939 0.012 59.6)
Chuyển đổi màu
- HEX
- #f1e9e3
- RGB
- rgb(241 233 227)
- HSL
- hsl(26 33% 92%)
- HWB
- hwb(26 89% 5%)
- OKLCH
- oklch(0.939 0.012 59.6)
- OKLab
- oklab(0.939 0.006 0.01)
- CIE Lab
- lab(92.86 2.03 3.94)
- LCH
- lch(92.86 4.43 62.7)
- CMYK
- cmyk(0% 3% 6% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F2EBE6
- F4EDE9
- F5F0EB
- F7F2EE
- F8F4F1
- F9F6F4
- FBF8F7
- FCFBF9
- FEFDFC
Sắc đậm
- D2CBC5
- B3ADA8
- 95908C
- 797471
- 5D5A57
- 43413F
- 2B2927
- 141312
- 030303
Sắc xám
- E5DED9
- D9D3CE
- CEC8C4
- C2BEBA
- B7B3B0
- ACA9A6
- A19E9D
- 969493
- 8B8A89
Hòa sắc
Bổ túc +180°
- F1E9E3
Refer to the Stars
- E4ECF2
≈ Out Cold
Tương đồng -30° +30°
- F1E9E3
Refer to the Stars
- F3E8E6
≈ Light Chiffon
- EEEAE2
≈ Solid Opal
Bộ ba +120° +240°
- F1E9E3
Refer to the Stars
- E3EDEB
≈ Club Soda
- ECE9F2
≈ Greek Goddess
Bổ túc chia +150° +210°
- F1E9E3
Refer to the Stars
- E2EDEF
≈ Bashful
- E7EBF3
≈ Solitude
Bộ bốn +90° +180° +270°
- F1E9E3
Refer to the Stars
- E5EDE6
≈ Bone Dust
- E4ECF2
≈ Out Cold
- EFE8EF
≈ Greek Goddess
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.19:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.50:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--refer-to-the-stars: #f1e9e3;
--refer-to-the-stars-rgb: 241 233 227;
--refer-to-the-stars-oklch: oklch(0.939 0.012 59.6);
}
.element {
color: var(--refer-to-the-stars);
background-color: hsl(26 33% 92%);
border-color: oklch(0.939 0.012 59.6);
}Tailwind CSS v4
@theme {
--color-refer-to-the-stars: #f1e9e3;
--color-refer-to-the-stars-50: #f8f4f2;
--color-refer-to-the-stars-100: #ebe7e4;
--color-refer-to-the-stars-200: #d8d3cf;
--color-refer-to-the-stars-300: #bcb6b1;
--color-refer-to-the-stars-400: #a49d98;
--color-refer-to-the-stars-500: #8c847e;
--color-refer-to-the-stars-600: #77706b;
--color-refer-to-the-stars-700: #5f5a56;
--color-refer-to-the-stars-800: #46413e;
--color-refer-to-the-stars-900: #302d2b;
--color-refer-to-the-stars-950: #1c1a18;
}SCSS
$refer-to-the-stars: #f1e9e3;
$refer-to-the-stars-rgb: 241, 233, 227;
$refer-to-the-stars-light: mix(#fff, $refer-to-the-stars, 20%);
$refer-to-the-stars-dark: mix(#000, $refer-to-the-stars, 20%);
.element {
color: $refer-to-the-stars;
box-shadow: 0 0 0 2px rgba($refer-to-the-stars, 0.35);
}