Màu có tên gần nhất · #FDF6EB
#FDF6EB
Màu có tên gần nhất: Dipped in Cream
#FDF6EB (rgb(253 246 235), hsl(37 82% 96%), oklch(0.976 0.016 79.4)) 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.
#FDF6EB
oklch(0.976 0.016 79.4)
Chuyển đổi màu
- HEX
- #fdf6eb
- RGB
- rgb(253 246 235)
- HSL
- hsl(37 82% 96%)
- HWB
- hwb(37 92% 1%)
- OKLCH
- oklch(0.976 0.016 79.4)
- OKLab
- oklab(0.976 0.003 0.016)
- CIE Lab
- lab(97.21 1.04 6.18)
- LCH
- lch(97.21 6.27 80.4)
- CMYK
- cmyk(0% 3% 7% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FDF7ED
- FDF8EF
- FEF9F1
- FEFAF3
- FEFBF5
- FEFBF7
- FEFCF9
- FFFDFB
- FFFEFD
Sắc đậm
- DCD6CC
- BCB7AE
- 9D9891
- 7F7B75
- 625F5B
- 474541
- 2D2C29
- 161513
- 030303
Sắc xám
- F0EAE0
- E3DDD5
- D6D1CA
- C9C5BF
- BDB9B4
- B0ADA9
- A4A29F
- 989694
- 8C8B8A
Hòa sắc
Bổ túc +180°
- FDF6EB
Dipped in Cream
- F2F7FF
≈ Cotton Ball
Tương đồng -30° +30°
- FDF6EB
Dipped in Cream
- FFF5EF
≈ Seashell
- F7F8EC
≈ Night Blooming Jasmine
Bộ ba +120° +240°
- FDF6EB
Dipped in Cream
- EBFBFB
≈ Placebo Sky
- FCF4FE
≈ Sugar Crystal
Bổ túc chia +150° +210°
- FDF6EB
Dipped in Cream
- EEF9FF
≈ Alice Blue
- F6F6FF
≈ Mā White
Bộ bốn +90° +180° +270°
- FDF6EB
Dipped in Cream
- EDFBF5
≈ Placebo Turquoise
- F2F7FF
≈ Cotton Ball
- FFF3F8
≈ Glimpse of Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.07:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.55:1 · APCA Lc 102
Màu chữ tốt nhất: #000000
WCAG 19.55:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--dipped-in-cream: #fdf6eb;
--dipped-in-cream-rgb: 253 246 235;
--dipped-in-cream-oklch: oklch(0.976 0.016 79.4);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(37 82% 96%);
border-color: oklch(0.976 0.016 79.4);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #fdf6eb;
--color-dipped-in-cream-50: #f7f5f0;
--color-dipped-in-cream-100: #ebe7e2;
--color-dipped-in-cream-200: #d8d4cd;
--color-dipped-in-cream-300: #bcb7ae;
--color-dipped-in-cream-400: #a49d94;
--color-dipped-in-cream-500: #8c857a;
--color-dipped-in-cream-600: #767168;
--color-dipped-in-cream-700: #5f5a53;
--color-dipped-in-cream-800: #46423c;
--color-dipped-in-cream-900: #302d29;
--color-dipped-in-cream-950: #1c1a17;
}SCSS
$dipped-in-cream: #fdf6eb;
$dipped-in-cream-rgb: 253, 246, 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);
}