Màu có tên gần nhất · #FDF7ED
#FDF7ED
Màu có tên gần nhất: Dipped in Cream
#FDF7ED (rgb(253 247 237), hsl(37 80% 96%), oklch(0.978 0.015 80.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.
#FDF7ED
oklch(0.978 0.015 80.7)
Chuyển đổi màu
- HEX
- #fdf7ed
- RGB
- rgb(253 247 237)
- HSL
- hsl(37 80% 96%)
- HWB
- hwb(37 93% 1%)
- OKLCH
- oklch(0.978 0.015 80.7)
- OKLab
- oklab(0.978 0.002 0.015)
- CIE Lab
- lab(97.5 0.81 5.57)
- LCH
- lch(97.5 5.63 81.7)
- CMYK
- cmyk(0% 2% 6% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FDF8EF
- FDF9F1
- FEF9F2
- FEFAF4
- FEFBF6
- FEFCF8
- FEFDFA
- FFFDFB
- FFFEFD
Sắc đậm
- DCD7CE
- BCB7B0
- 9D9993
- 7F7C77
- 62605C
- 474542
- 2D2C2A
- 161514
- 030303
Sắc xám
- F0EAE2
- E3DED6
- D6D2CB
- C9C6C0
- BDBAB5
- B0AEAA
- A4A29F
- 989795
- 8C8B8A
Hòa sắc
Bổ túc +180°
- FDF7ED
Dipped in Cream
- F4F8FF
≈ Mā White
Tương đồng -30° +30°
- FDF7ED
Dipped in Cream
- FFF6F1
≈ Seashell
- F8F9EE
≈ Enoki
Bộ ba +120° +240°
- FDF7ED
Dipped in Cream
- EDFBFC
≈ Cold White
- FDF5FE
≈ Cold Snow
Bổ túc chia +150° +210°
- FDF7ED
Dipped in Cream
- F0FAFF
≈ Alice Blue
- F7F7FF
≈ Ghost White
Bộ bốn +90° +180° +270°
- FDF7ED
Dipped in Cream
- EFFBF6
≈ Placebo Turquoise
- F4F8FF
≈ Mā White
- FFF5F9
≈ Sea Salt Sherbet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.06:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.70:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.70:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--dipped-in-cream: #fdf7ed;
--dipped-in-cream-rgb: 253 247 237;
--dipped-in-cream-oklch: oklch(0.978 0.015 80.7);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(37 80% 96%);
border-color: oklch(0.978 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #fdf7ed;
--color-dipped-in-cream-50: #f7f5f0;
--color-dipped-in-cream-100: #eae7e2;
--color-dipped-in-cream-200: #d7d4cd;
--color-dipped-in-cream-300: #bbb7af;
--color-dipped-in-cream-400: #a39e95;
--color-dipped-in-cream-500: #8b857b;
--color-dipped-in-cream-600: #767169;
--color-dipped-in-cream-700: #5e5a54;
--color-dipped-in-cream-800: #45423d;
--color-dipped-in-cream-900: #302d2a;
--color-dipped-in-cream-950: #1c1a17;
}SCSS
$dipped-in-cream: #fdf7ed;
$dipped-in-cream-rgb: 253, 247, 237;
$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);
}