Màu có tên gần nhất · #F9F5EB
#F9F5EB
Màu có tên gần nhất: Dipped in Cream
#F9F5EB (rgb(249 245 235), hsl(43 54% 95%), oklch(0.971 0.014 88.7)) gần nhất với màu có tên Dipped in Cream. 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.
#F9F5EB
oklch(0.971 0.014 88.7)
Chuyển đổi màu
- HEX
- #f9f5eb
- RGB
- rgb(249 245 235)
- HSL
- hsl(43 54% 95%)
- HWB
- hwb(43 92% 2%)
- OKLCH
- oklch(0.971 0.014 88.7)
- OKLab
- oklab(0.971 0 0.014)
- CIE Lab
- lab(96.65 0.11 5.33)
- LCH
- lch(96.65 5.33 88.8)
- CMYK
- cmyk(0% 2% 6% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FAF6ED
- FAF7EF
- FBF8F1
- FBF9F3
- FCFAF5
- FDFBF7
- FDFCF9
- FEFDFB
- FEFEFD
Sắc đậm
- D9D5CC
- B9B6AE
- 9A9891
- 7D7B75
- 615F5B
- 464441
- 2C2B29
- 151513
- 030303
Sắc xám
- ECE9E0
- E0DDD5
- D3D0CA
- C7C5BF
- BBB9B4
- AFADA9
- A3A29F
- 979694
- 8B8B8A
Hòa sắc
Bổ túc +180°
- F9F5EB
Dipped in Cream
- F1F5FF
≈ Cotton Ball
Tương đồng -30° +30°
- F9F5EB
Dipped in Cream
- FDF3EC
≈ Ambrosia Ivory
- F4F7EC
≈ Angraecum Orchid
Bộ ba +120° +240°
- F9F5EB
Dipped in Cream
- EBF8FA
≈ Aijiro White
- FBF2FA
≈ Pinkish White
Bổ túc chia +150° +210°
- F9F5EB
Dipped in Cream
- EDF7FE
≈ Alice Blue
- F6F3FE
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- F9F5EB
Dipped in Cream
- ECF9F5
≈ Melting Glacier
- F1F5FF
≈ Cotton Ball
- FEF2F5
≈ Glimpse of Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.08:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.28:1 · APCA Lc 101
Màu chữ tốt nhất: #000000
WCAG 19.28:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--dipped-in-cream: #f9f5eb;
--dipped-in-cream-rgb: 249 245 235;
--dipped-in-cream-oklch: oklch(0.971 0.014 88.7);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(43 54% 95%);
border-color: oklch(0.971 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #f9f5eb;
--color-dipped-in-cream-50: #f6f5f1;
--color-dipped-in-cream-100: #e9e8e3;
--color-dipped-in-cream-200: #d6d4ce;
--color-dipped-in-cream-300: #bab7b0;
--color-dipped-in-cream-400: #a29e95;
--color-dipped-in-cream-500: #8a867c;
--color-dipped-in-cream-600: #757169;
--color-dipped-in-cream-700: #5d5b54;
--color-dipped-in-cream-800: #44423d;
--color-dipped-in-cream-900: #2f2e2a;
--color-dipped-in-cream-950: #1c1a18;
}SCSS
$dipped-in-cream: #f9f5eb;
$dipped-in-cream-rgb: 249, 245, 235;
$dipped-in-cream-light: mix(#fff, $dipped-in-cream, 20%);
$dipped-in-cream-dark: mix(#000, $dipped-in-cream, 20%);
.element {
color: $dipped-in-cream;
box-shadow: 0 0 0 2px rgba($dipped-in-cream, 0.35);
}