Màu có tên gần nhất · #FCECE3
#FCECE3
Màu có tên gần nhất: Vanilla Blush
#FCECE3 (rgb(252 236 227), hsl(22 81% 94%), oklch(0.953 0.021 51.5)) gần nhất với màu có tên Vanilla Blush. 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.
#FCECE3
oklch(0.953 0.021 51.5)
Chuyển đổi màu
- HEX
- #fcece3
- RGB
- rgb(252 236 227)
- HSL
- hsl(22 81% 94%)
- HWB
- hwb(22 89% 1%)
- OKLCH
- oklch(0.953 0.021 51.5)
- OKLab
- oklab(0.953 0.013 0.017)
- CIE Lab
- lab(94.5 4.5 6.43)
- LCH
- lch(94.5 7.84 55)
- CMYK
- cmyk(0% 6% 10% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FCEEE6
- FDF0E9
- FDF2EB
- FDF4EE
- FEF5F1
- FEF7F4
- FEF9F7
- FEFBF9
- FFFDFC
Sắc đậm
- DBCDC5
- BBAFA8
- 9C928C
- 7E7671
- 625B57
- 47423F
- 2D2927
- 161312
- 030303
Sắc xám
- EFE1D9
- E2D5CE
- D5CAC4
- C9BFBA
- BCB5B0
- B0AAA6
- A49F9D
- 989593
- 8C8A89
Hòa sắc
Bổ túc +180°
- FCECE3
Vanilla Blush
- E2F3FC
≈ Wizard White
Tương đồng -30° +30°
- FCECE3
Vanilla Blush
- FEEAE9
≈ Pink Lemonade
- F7EFE0
≈ Fresh Snow
Bộ ba +120° +240°
- FCECE3
Vanilla Blush
- E2F5EE
≈ Frosty Mint
- EFEDFD
≈ Foundation White
Bổ túc chia +150° +210°
- FCECE3
Vanilla Blush
- E0F4F5
≈ Bone-Chilling
- E8F0FE
≈ Cotton Boll
Bộ bốn +90° +180° +270°
- FCECE3
Vanilla Blush
- E8F3E6
≈ Glacier Ivy
- E2F3FC
≈ Wizard White
- F7EBF8
≈ Placebo Fuchsia
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.15:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.24:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.24:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--vanilla-blush: #fcece3;
--vanilla-blush-rgb: 252 236 227;
--vanilla-blush-oklch: oklch(0.953 0.021 51.5);
}
.element {
color: var(--vanilla-blush);
background-color: hsl(22 81% 94%);
border-color: oklch(0.953 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-vanilla-blush: #fcece3;
--color-vanilla-blush-50: #faf4f0;
--color-vanilla-blush-100: #eee6e1;
--color-vanilla-blush-200: #dcd2cc;
--color-vanilla-blush-300: #c1b5ae;
--color-vanilla-blush-400: #a99b93;
--color-vanilla-blush-500: #92837a;
--color-vanilla-blush-600: #7c6f67;
--color-vanilla-blush-700: #635852;
--color-vanilla-blush-800: #49403c;
--color-vanilla-blush-900: #322c29;
--color-vanilla-blush-950: #1e1917;
}SCSS
$vanilla-blush: #fcece3;
$vanilla-blush-rgb: 252, 236, 227;
$vanilla-blush-light: mix(#fff, $vanilla-blush, 20%);
$vanilla-blush-dark: mix(#000, $vanilla-blush, 20%);
.element {
color: $vanilla-blush;
box-shadow: 0 0 0 2px rgba($vanilla-blush, 0.35);
}