Màu có tên gần nhất · #ECE5DD
#ECE5DD
Màu có tên gần nhất: Refer to the Stars
#ECE5DD (rgb(236 229 221), hsl(32 28% 90%), oklch(0.925 0.013 71.3)) gần nhất với màu có tên Refer to the Stars. 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.
#ECE5DD
oklch(0.925 0.013 71.3)
Chuyển đổi màu
- HEX
- #ece5dd
- RGB
- rgb(236 229 221)
- HSL
- hsl(32 28% 90%)
- HWB
- hwb(32 87% 7%)
- OKLCH
- oklch(0.925 0.013 71.3)
- OKLab
- oklab(0.925 0.004 0.012)
- CIE Lab
- lab(91.33 1.43 4.8)
- LCH
- lch(91.33 5.01 73.4)
- CMYK
- cmyk(0% 3% 6% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EEE8E0
- F0EAE4
- F2EDE7
- F4EFEB
- F5F2EE
- F7F5F1
- F9F7F5
- FBFAF8
- FDFCFC
Sắc đậm
- CDC7C0
- AFAAA4
- 928E88
- 76726E
- 5B5855
- 423F3D
- 292826
- 131211
- 030302
Sắc xám
- E1DAD3
- D5D0CA
- CAC6C0
- BFBBB7
- B5B1AD
- AAA7A4
- 9F9D9B
- 959392
- 8A8A89
Hòa sắc
Bổ túc +180°
- ECE5DD
Refer to the Stars
- E0E7EF
≈ Radiant Moon
Tương đồng -30° +30°
- ECE5DD
Refer to the Stars
- EFE4E0
≈ Irish Linen
- E8E7DD
≈ Santa’s Beard
Bộ ba +120° +240°
- ECE5DD
Refer to the Stars
- DDE9E8
≈ Carefree
- E9E4ED
≈ Modest Violet
Bổ túc chia +150° +210°
- ECE5DD
Refer to the Stars
- DDE8ED
≈ Moby Dick
- E4E5EF
≈ Ghostly Tuna
Bộ bốn +90° +180° +270°
- ECE5DD
Refer to the Stars
- DFE9E3
≈ Frosty Pink
- E0E7EF
≈ Radiant Moon
- EDE3E9
≈ Rosie Posie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.81:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--refer-to-the-stars: #ece5dd;
--refer-to-the-stars-rgb: 236 229 221;
--refer-to-the-stars-oklch: oklch(0.925 0.013 71.3);
}
.element {
color: var(--refer-to-the-stars);
background-color: hsl(32 28% 90%);
border-color: oklch(0.925 0.013 71.3);
}Tailwind CSS v4
@theme {
--color-refer-to-the-stars: #ece5dd;
--color-refer-to-the-stars-50: #f7f5f1;
--color-refer-to-the-stars-100: #ebe7e3;
--color-refer-to-the-stars-200: #d8d3ce;
--color-refer-to-the-stars-300: #bcb6b0;
--color-refer-to-the-stars-400: #a39d96;
--color-refer-to-the-stars-500: #8c857d;
--color-refer-to-the-stars-600: #76706a;
--color-refer-to-the-stars-700: #5f5a55;
--color-refer-to-the-stars-800: #45423e;
--color-refer-to-the-stars-900: #302d2a;
--color-refer-to-the-stars-950: #1c1a18;
}SCSS
$refer-to-the-stars: #ece5dd;
$refer-to-the-stars-rgb: 236, 229, 221;
$refer-to-the-stars-light: mix(#fff, $refer-to-the-stars, 20%);
$refer-to-the-stars-dark: mix(#000, $refer-to-the-stars, 20%);
.element {
color: $refer-to-the-stars;
box-shadow: 0 0 0 2px rgba($refer-to-the-stars, 0.35);
}