Màu có tên gần nhất · #F7F3E1
#F7F3E1
Màu có tên gần nhất: Au Clair de la Lune
#F7F3E1 (rgb(247 243 225), hsl(49 58% 93%), oklch(0.962 0.024 96.6)) gần nhất với màu có tên Au Clair de la Lune. 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.
#F7F3E1
oklch(0.962 0.024 96.6)
Chuyển đổi màu
- HEX
- #f7f3e1
- RGB
- rgb(247 243 225)
- HSL
- hsl(49 58% 93%)
- HWB
- hwb(49 88% 3%)
- OKLCH
- oklch(0.962 0.024 96.6)
- OKLab
- oklab(0.962 -0.003 0.024)
- CIE Lab
- lab(95.79 -0.86 9.21)
- LCH
- lch(95.79 9.25 95.4)
- CMYK
- cmyk(0% 2% 9% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8F4E4
- F9F5E7
- F9F7EA
- FAF8ED
- FBF9F0
- FCFAF3
- FDFBF6
- FDFDF9
- FEFEFC
Sắc đậm
- D7D3C4
- B7B4A7
- 99978B
- 7C7A70
- 605E56
- 45443E
- 2C2B27
- 151412
- 030302
Sắc xám
- EAE7D7
- DEDBCD
- D2CFC3
- C6C3B9
- BAB8AF
- AEACA6
- A2A19C
- 979693
- 8B8B89
Hòa sắc
Bổ túc +180°
- F7F3E1
Au Clair de la Lune
- EFF2FF
≈ Cloud Break
Tương đồng -30° +30°
- F7F3E1
Au Clair de la Lune
- FEF0E2
≈ Sugar Glaze
- EEF6E5
≈ Verde Pastel
Bộ ba +120° +240°
- F7F3E1
Au Clair de la Lune
- E2F7FD
≈ Coastal Breeze
- FEEDF9
≈ Partial Pink
Bổ túc chia +150° +210°
- F7F3E1
Au Clair de la Lune
- E9F4FF
≈ Moon White
- F6EFFF
≈ Cloud Break
Bộ bốn +90° +180° +270°
- F7F3E1
Au Clair de la Lune
- E2F8F5
≈ Frosty Mint
- EFF2FF
≈ Cloud Break
- FFEEF0
≈ Translucent Unicorn
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.11:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.86:1 · APCA Lc 100
Màu chữ tốt nhất: #000000
WCAG 18.86:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--au-clair-de-la-lune: #f7f3e1;
--au-clair-de-la-lune-rgb: 247 243 225;
--au-clair-de-la-lune-oklch: oklch(0.962 0.024 96.6);
}
.element {
color: var(--au-clair-de-la-lune);
background-color: hsl(49 58% 93%);
border-color: oklch(0.962 0.024 96.6);
}Tailwind CSS v4
@theme {
--color-au-clair-de-la-lune: #f7f3e1;
--color-au-clair-de-la-lune-50: #f7f5ee;
--color-au-clair-de-la-lune-100: #eae8df;
--color-au-clair-de-la-lune-200: #d7d5c9;
--color-au-clair-de-la-lune-300: #bab8aa;
--color-au-clair-de-la-lune-400: #a29f8f;
--color-au-clair-de-la-lune-500: #8b8675;
--color-au-clair-de-la-lune-600: #757263;
--color-au-clair-de-la-lune-700: #5e5b4f;
--color-au-clair-de-la-lune-800: #454239;
--color-au-clair-de-la-lune-900: #302e27;
--color-au-clair-de-la-lune-950: #1c1b15;
}SCSS
$au-clair-de-la-lune: #f7f3e1;
$au-clair-de-la-lune-rgb: 247, 243, 225;
$au-clair-de-la-lune-light: mix(#fff, $au-clair-de-la-lune, 20%);
$au-clair-de-la-lune-dark: mix(#000, $au-clair-de-la-lune, 20%);
.element {
color: $au-clair-de-la-lune;
box-shadow: 0 0 0 2px rgba($au-clair-de-la-lune, 0.35);
}