Màu có tên gần nhất · #F8F4EA
#F8F4EA
Màu có tên gần nhất: Engulfed in Light
#F8F4EA (rgb(248 244 234), hsl(43 50% 95%), oklch(0.968 0.014 88.7)) gần nhất với màu có tên Engulfed in Light. 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.
#F8F4EA
oklch(0.968 0.014 88.7)
Chuyển đổi màu
- HEX
- #f8f4ea
- RGB
- rgb(248 244 234)
- HSL
- hsl(43 50% 95%)
- HWB
- hwb(43 92% 3%)
- OKLCH
- oklch(0.968 0.014 88.7)
- OKLab
- oklab(0.968 0 0.014)
- CIE Lab
- lab(96.3 0.11 5.33)
- LCH
- lch(96.3 5.33 88.8)
- CMYK
- cmyk(0% 2% 6% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F9F5EC
- F9F6EE
- FAF7F0
- FBF8F2
- FBF9F4
- FCFBF7
- FDFCF9
- FEFDFB
- FEFEFD
Sắc đậm
- D8D4CB
- B8B5AE
- 9A9791
- 7C7A75
- 605E5A
- 454441
- 2C2B29
- 151413
- 030303
Sắc xám
- EBE8DF
- DFDCD4
- D3D0C9
- C6C4BE
- BAB8B4
- AEADA9
- A2A19F
- 979694
- 8B8B8A
Hòa sắc
Bổ túc +180°
- F8F4EA
Engulfed in Light
- F0F4FE
≈ Boysenberry Shadow
Tương đồng -30° +30°
- F8F4EA
Engulfed in Light
- FCF2EB
≈ Pico Ivory
- F3F6EB
≈ Angraecum Orchid
Bộ ba +120° +240°
- F8F4EA
Engulfed in Light
- EAF7F9
≈ Indigo White
- FAF1F9
≈ Pinkish White
Bổ túc chia +150° +210°
- F8F4EA
Engulfed in Light
- ECF6FD
≈ Placebo Blue
- F5F2FD
≈ Cloud Break
Bộ bốn +90° +180° +270°
- F8F4EA
Engulfed in Light
- EBF8F4
≈ Melting Glacier
- F0F4FE
≈ Boysenberry Shadow
- FDF1F4
≈ Lavender Blush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.09:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.11:1 · APCA Lc 101
Màu chữ tốt nhất: #000000
WCAG 19.11:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--engulfed-in-light: #f8f4ea;
--engulfed-in-light-rgb: 248 244 234;
--engulfed-in-light-oklch: oklch(0.968 0.014 88.7);
}
.element {
color: var(--engulfed-in-light);
background-color: hsl(43 50% 95%);
border-color: oklch(0.968 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-engulfed-in-light: #f8f4ea;
--color-engulfed-in-light-50: #f6f5f1;
--color-engulfed-in-light-100: #e9e8e3;
--color-engulfed-in-light-200: #d6d4ce;
--color-engulfed-in-light-300: #bab7b0;
--color-engulfed-in-light-400: #a29e95;
--color-engulfed-in-light-500: #8a867c;
--color-engulfed-in-light-600: #757169;
--color-engulfed-in-light-700: #5d5b54;
--color-engulfed-in-light-800: #44423d;
--color-engulfed-in-light-900: #2f2e2a;
--color-engulfed-in-light-950: #1c1a18;
}SCSS
$engulfed-in-light: #f8f4ea;
$engulfed-in-light-rgb: 248, 244, 234;
$engulfed-in-light-light: mix(#fff, $engulfed-in-light, 20%);
$engulfed-in-light-dark: mix(#000, $engulfed-in-light, 20%);
.element {
color: $engulfed-in-light;
box-shadow: 0 0 0 2px rgba($engulfed-in-light, 0.35);
}