Màu có tên gần nhất · #F6E5DD
#F6E5DD
Màu có tên gần nhất: Dogwood
#F6E5DD (rgb(246 229 221), hsl(19 58% 92%), oklch(0.933 0.022 47)) gần nhất với màu có tên Dogwood. 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.
#F6E5DD
oklch(0.933 0.022 47)
Chuyển đổi màu
- HEX
- #f6e5dd
- RGB
- rgb(246 229 221)
- HSL
- hsl(19 58% 92%)
- HWB
- hwb(19 87% 4%)
- OKLCH
- oklch(0.933 0.022 47)
- OKLab
- oklab(0.933 0.015 0.016)
- CIE Lab
- lab(92.16 5.01 6.11)
- LCH
- lch(92.16 7.9 50.6)
- CMYK
- cmyk(0% 7% 10% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F7E8E0
- F8EAE4
- F9EDE7
- FAEFEB
- FBF2EE
- FBF5F1
- FCF7F5
- FDFAF8
- FEFCFC
Sắc đậm
- D6C7C0
- B7AAA4
- 988E88
- 7B726E
- 5F5855
- 453F3D
- 2C2826
- 151211
- 030302
Sắc xám
- EADAD3
- DDD0CA
- D1C6C0
- C5BBB7
- B9B1AD
- AEA7A4
- A29D9B
- 969392
- 8B8A89
Hòa sắc
Bổ túc +180°
- F6E5DD
Dogwood
- DBECF4
≈ Ice Fishing
Tương đồng -30° +30°
- F6E5DD
Dogwood
- F7E4E4
≈ Faint Pink
- F1E7D9
≈ Ballet White
Bộ ba +120° +240°
- F6E5DD
Dogwood
- DCEEE6
≈ Shattered Ice
- E7E7F7
≈ Glitter
Bổ túc chia +150° +210°
- F6E5DD
Dogwood
- D9EEEE
≈ Blue Green Rules
- E0EAF8
≈ Husky
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.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.17:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--dogwood: #f6e5dd;
--dogwood-rgb: 246 229 221;
--dogwood-oklch: oklch(0.933 0.022 47);
}
.element {
color: var(--dogwood);
background-color: hsl(19 58% 92%);
border-color: oklch(0.933 0.022 47);
}Tailwind CSS v4
@theme {
--color-dogwood: #f6e5dd;
--color-dogwood-50: #fbf3f0;
--color-dogwood-100: #eee6e2;
--color-dogwood-200: #dcd2cc;
--color-dogwood-300: #c1b4ae;
--color-dogwood-400: #aa9b94;
--color-dogwood-500: #93827a;
--color-dogwood-600: #7c6e68;
--color-dogwood-700: #635853;
--color-dogwood-800: #49403c;
--color-dogwood-900: #332c29;
--color-dogwood-950: #1e1917;
}SCSS
$dogwood: #f6e5dd;
$dogwood-rgb: 246, 229, 221;
$dogwood-light: mix(#fff, $dogwood, 20%);
$dogwood-dark: mix(#000, $dogwood, 20%);
.element {
color: $dogwood;
box-shadow: 0 0 0 2px rgba($dogwood, 0.35);
}