Màu có tên gần nhất · #FCEEDF
#FCEEDF
Màu có tên gần nhất: Silk Lining
#FCEEDF (rgb(252 238 223), hsl(31 83% 93%), oklch(0.956 0.025 69.4)) gần nhất với màu có tên Silk Lining. 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.
#FCEEDF
oklch(0.956 0.025 69.4)
Chuyển đổi màu
- HEX
- #fceedf
- RGB
- rgb(252 238 223)
- HSL
- hsl(31 83% 93%)
- HWB
- hwb(31 87% 1%)
- OKLCH
- oklch(0.956 0.025 69.4)
- OKLab
- oklab(0.956 0.009 0.023)
- CIE Lab
- lab(94.92 3.07 9.07)
- LCH
- lch(94.92 9.58 71.3)
- CMYK
- cmyk(0% 6% 12% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FCF0E2
- FDF1E5
- FDF3E9
- FDF5EC
- FEF7EF
- FEF8F2
- FEFAF5
- FEFCF9
- FFFDFC
Sắc đậm
- DBCFC2
- BBB1A5
- 9C938A
- 7E776F
- 625C56
- 47423D
- 2D2A27
- 161412
- 030302
Sắc xám
- EFE2D5
- E2D7CB
- D5CCC2
- C9C1B8
- BCB5AE
- B0ABA5
- A4A09C
- 989592
- 8C8A89
Hòa sắc
Bổ túc +180°
- FCEEDF
Silk Lining
- E6F2FF
≈ Cotton Boll
Tương đồng -30° +30°
- FCEEDF
Silk Lining
- FFECE5
≈ Peach Breeze
- F4F1DE
≈ Bumble Baby
Bộ ba +120° +240°
- FCEEDF
Silk Lining
- DFF6F4
≈ Frosty Mint
- F6ECFE
≈ Placebo Fuchsia
Bổ túc chia +150° +210°
- FCEEDF
Silk Lining
- DFF5FC
≈ Coastal Breeze
- EDEFFF
≈ Carte Blanche
Bộ bốn +90° +180° +270°
- FCEEDF
Silk Lining
- E3F6EB
≈ Nettle Rash
- E6F2FF
≈ Cotton Boll
- FDEAF6
≈ Placebo Magenta
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.13:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.43:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--silk-lining: #fceedf;
--silk-lining-rgb: 252 238 223;
--silk-lining-oklch: oklch(0.956 0.025 69.4);
}
.element {
color: var(--silk-lining);
background-color: hsl(31 83% 93%);
border-color: oklch(0.956 0.025 69.4);
}Tailwind CSS v4
@theme {
--color-silk-lining: #fceedf;
--color-silk-lining-50: #faf4ee;
--color-silk-lining-100: #ede7df;
--color-silk-lining-200: #dbd3c9;
--color-silk-lining-300: #c0b6aa;
--color-silk-lining-400: #a89c8f;
--color-silk-lining-500: #918475;
--color-silk-lining-600: #7b6f63;
--color-silk-lining-700: #62594f;
--color-silk-lining-800: #484139;
--color-silk-lining-900: #322d27;
--color-silk-lining-950: #1e1a15;
}SCSS
$silk-lining: #fceedf;
$silk-lining-rgb: 252, 238, 223;
$silk-lining-light: mix(#fff, $silk-lining, 20%);
$silk-lining-dark: mix(#000, $silk-lining, 20%);
.element {
color: $silk-lining;
box-shadow: 0 0 0 2px rgba($silk-lining, 0.35);
}