Màu có tên gần nhất · #F3E8D0
#F3E8D0
Màu có tên gần nhất: Imperial Ivory
#F3E8D0 (rgb(243 232 208), hsl(41 59% 88%), oklch(0.933 0.034 86.3)) gần nhất với màu có tên Imperial Ivory. 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.
#F3E8D0
oklch(0.933 0.034 86.3)
Chuyển đổi màu
- HEX
- #f3e8d0
- RGB
- rgb(243 232 208)
- HSL
- hsl(41 59% 88%)
- HWB
- hwb(41 82% 5%)
- OKLCH
- oklch(0.933 0.034 86.3)
- OKLab
- oklab(0.933 0.002 0.034)
- CIE Lab
- lab(92.4 0.96 13.13)
- LCH
- lch(92.4 13.16 85.8)
- CMYK
- cmyk(0% 5% 14% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4EAD5
- F5EDD9
- F7EFDE
- F8F1E3
- F9F4E8
- FAF6EC
- FBF8F1
- FDFAF6
- FEFDFA
Sắc đậm
- D3CAB5
- B4AC9A
- 979080
- 7A7467
- 5E594F
- 444039
- 2B2923
- 141310
- 030302
Sắc xám
- E7DDC8
- DBD2C0
- CFC8B7
- C3BDAF
- B8B3A7
- ACA89F
- A19E97
- 969490
- 8B8A88
Hòa sắc
Bổ túc +180°
- F3E8D0
Imperial Ivory
- DFE9FF
≈ Husky
Tương đồng -30° +30°
- F3E8D0
Imperial Ivory
- FCE4D4
≈ Shell Ginger
- E7ECD3
≈ Just Perfect
Bộ ba +120° +240°
- F3E8D0
Imperial Ivory
- D0F0F4
≈ Diamond League
- F6E2F5
≈ Minute Mauve
Bổ túc chia +150° +210°
- F3E8D0
Imperial Ivory
- D5EDFD
≈ Ice Castle
- EBE5FE
≈ Cyber Lavender
Bộ bốn +90° +180° +270°
- F3E8D0
Imperial Ivory
- D2F1E8
≈ Minty Fresh
- DFE9FF
≈ Husky
- FDE0E9
≈ Watermelon Mousse
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.21:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.26:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--imperial-ivory: #f3e8d0;
--imperial-ivory-rgb: 243 232 208;
--imperial-ivory-oklch: oklch(0.933 0.034 86.3);
}
.element {
color: var(--imperial-ivory);
background-color: hsl(41 59% 88%);
border-color: oklch(0.933 0.034 86.3);
}Tailwind CSS v4
@theme {
--color-imperial-ivory: #f3e8d0;
--color-imperial-ivory-50: #f9f5ea;
--color-imperial-ivory-100: #ece7db;
--color-imperial-ivory-200: #dad4c4;
--color-imperial-ivory-300: #beb7a4;
--color-imperial-ivory-400: #a79d88;
--color-imperial-ivory-500: #90856d;
--color-imperial-ivory-600: #7a715c;
--color-imperial-ivory-700: #625a4a;
--color-imperial-ivory-800: #484235;
--color-imperial-ivory-900: #322d24;
--color-imperial-ivory-950: #1e1a13;
}SCSS
$imperial-ivory: #f3e8d0;
$imperial-ivory-rgb: 243, 232, 208;
$imperial-ivory-light: mix(#fff, $imperial-ivory, 20%);
$imperial-ivory-dark: mix(#000, $imperial-ivory, 20%);
.element {
color: $imperial-ivory;
box-shadow: 0 0 0 2px rgba($imperial-ivory, 0.35);
}