Màu có tên gần nhất · #F8ECD7
#F8ECD7
Màu có tên gần nhất: Mimosa
#F8ECD7 (rgb(248 236 215), hsl(38 70% 91%), oklch(0.947 0.031 81.8)) gần nhất với màu có tên Mimosa. 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.
#F8ECD7
oklch(0.947 0.031 81.8)
Chuyển đổi màu
- HEX
- #f8ecd7
- RGB
- rgb(248 236 215)
- HSL
- hsl(38 70% 91%)
- HWB
- hwb(38 84% 3%)
- OKLCH
- oklch(0.947 0.031 81.8)
- OKLab
- oklab(0.947 0.004 0.03)
- CIE Lab
- lab(93.94 1.66 11.75)
- LCH
- lch(93.94 11.87 82)
- CMYK
- cmyk(0% 5% 13% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F9EEDB
- F9F0DF
- FAF2E3
- FBF4E7
- FCF6EB
- FCF7EF
- FDF9F3
- FEFBF7
- FEFDFB
Sắc đậm
- D8CDBB
- B8AF9F
- 9A9285
- 7C766B
- 605B52
- 45423B
- 2C2925
- 151311
- 030302
Sắc xám
- EBE1CE
- DFD5C5
- D3CABC
- C6BFB3
- BAB5AB
- AEAAA2
- A29F99
- 979591
- 8B8A88
Hòa sắc
Bổ túc +180°
- F8ECD7
Mimosa
- E4EEFF
≈ Brilliant White
Tương đồng -30° +30°
- F8ECD7
Mimosa
- FFE8DC
≈ Guiding Star
- EEF0D9
≈ Yellow Emulsion
Bộ ba +120° +240°
- F8ECD7
Mimosa
- D7F4F6
≈ Fishious Rend
- F8E7FA
≈ Soft Lavender
Bổ túc chia +150° +210°
- F8ECD7
Mimosa
- DAF2FF
≈ Wizard White
- EDEBFF
≈ Placebo Purple
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.97:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.97:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--mimosa: #f8ecd7;
--mimosa-rgb: 248 236 215;
--mimosa-oklch: oklch(0.947 0.031 81.8);
}
.element {
color: var(--mimosa);
background-color: hsl(38 70% 91%);
border-color: oklch(0.947 0.031 81.8);
}Tailwind CSS v4
@theme {
--color-mimosa: #f8ecd7;
--color-mimosa-50: #f9f5ec;
--color-mimosa-100: #ede7dd;
--color-mimosa-200: #dad3c6;
--color-mimosa-300: #bfb6a6;
--color-mimosa-400: #a89d8a;
--color-mimosa-500: #918570;
--color-mimosa-600: #7a705f;
--color-mimosa-700: #625a4b;
--color-mimosa-800: #484137;
--color-mimosa-900: #322d25;
--color-mimosa-950: #1e1a14;
}SCSS
$mimosa: #f8ecd7;
$mimosa-rgb: 248, 236, 215;
$mimosa-light: mix(#fff, $mimosa, 20%);
$mimosa-dark: mix(#000, $mimosa, 20%);
.element {
color: $mimosa;
box-shadow: 0 0 0 2px rgba($mimosa, 0.35);
}