Màu có tên gần nhất · #F5F2E0
#F5F2E0
Màu có tên gần nhất: Au Clair de la Lune
#F5F2E0 (rgb(245 242 224), hsl(51 51% 92%), oklch(0.959 0.024 99.1)) 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.
#F5F2E0
oklch(0.959 0.024 99.1)
Chuyển đổi màu
- HEX
- #f5f2e0
- RGB
- rgb(245 242 224)
- HSL
- hsl(51 51% 92%)
- HWB
- hwb(51 88% 4%)
- OKLCH
- oklch(0.959 0.024 99.1)
- OKLab
- oklab(0.959 -0.004 0.024)
- CIE Lab
- lab(95.37 -1.22 9.1)
- LCH
- lch(95.37 9.18 97.6)
- CMYK
- cmyk(0% 1% 9% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F6F3E3
- F7F5E6
- F8F6E9
- F9F7EC
- FAF9F0
- FBFAF3
- FCFBF6
- FDFCF9
- FEFEFC
Sắc đậm
- D5D2C3
- B6B4A6
- 98968A
- 7B7970
- 5F5E56
- 44433E
- 2B2B27
- 151412
- 030302
Sắc xám
- E9E6D6
- DDDACC
- D0CEC2
- C5C3B9
- B9B7AF
- ADACA5
- A2A19C
- 969692
- 8B8B89
Hòa sắc
Bổ túc +180°
- F5F2E0
Au Clair de la Lune
- EEF0FF
≈ Carte Blanche
Tương đồng -30° +30°
- F5F2E0
Au Clair de la Lune
- FCEFE1
≈ Silk Lining
- ECF5E4
≈ Verde Pastel
Bộ ba +120° +240°
- F5F2E0
Au Clair de la Lune
- E1F6FC
≈ Coastal Breeze
- FDEBF7
≈ Placebo Pink
Bổ túc chia +150° +210°
- F5F2E0
Au Clair de la Lune
- E7F3FF
≈ Moon White
- F6EDFE
≈ Placebo Fuchsia
Bộ bốn +90° +180° +270°
- F5F2E0
Au Clair de la Lune
- E0F7F5
≈ Frosty Mint
- EEF0FF
≈ Carte Blanche
- FFECEE
≈ Translucent Unicorn
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.65:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.65:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--au-clair-de-la-lune: #f5f2e0;
--au-clair-de-la-lune-rgb: 245 242 224;
--au-clair-de-la-lune-oklch: oklch(0.959 0.024 99.1);
}
.element {
color: var(--au-clair-de-la-lune);
background-color: hsl(51 51% 92%);
border-color: oklch(0.959 0.024 99.1);
}Tailwind CSS v4
@theme {
--color-au-clair-de-la-lune: #f5f2e0;
--color-au-clair-de-la-lune-50: #f6f5ee;
--color-au-clair-de-la-lune-100: #e9e8df;
--color-au-clair-de-la-lune-200: #d6d5c9;
--color-au-clair-de-la-lune-300: #bab8aa;
--color-au-clair-de-la-lune-400: #a29f8f;
--color-au-clair-de-la-lune-500: #8a8775;
--color-au-clair-de-la-lune-600: #757263;
--color-au-clair-de-la-lune-700: #5d5b4f;
--color-au-clair-de-la-lune-800: #454339;
--color-au-clair-de-la-lune-900: #2f2e27;
--color-au-clair-de-la-lune-950: #1c1b15;
}SCSS
$au-clair-de-la-lune: #f5f2e0;
$au-clair-de-la-lune-rgb: 245, 242, 224;
$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);
}