Màu có tên gần nhất · #ECB5C3
#ECB5C3
Màu có tên gần nhất: Chantilly
#ECB5C3 (rgb(236 181 195), hsl(345 59% 82%), oklch(0.827 0.066 1.8)) gần nhất với màu có tên Chantilly. 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.
#ECB5C3
oklch(0.827 0.066 1.8)
Chuyển đổi màu
- HEX
- #ecb5c3
- RGB
- rgb(236 181 195)
- HSL
- hsl(345 59% 82%)
- HWB
- hwb(345 71% 7%)
- OKLCH
- oklch(0.827 0.066 1.8)
- OKLab
- oklab(0.827 0.066 0.002)
- CIE Lab
- lab(79.1 22.07 1.01)
- LCH
- lch(79.1 22.09 2.6)
- CMYK
- cmyk(0% 23% 17% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EEBCC9
- F0C4CF
- F3CBD5
- F5D2DB
- F7DAE1
- F8E1E7
- FAE9ED
- FCF0F3
- FEF8F9
Sắc đậm
- CD9DA9
- AF8690
- 926F78
- 765960
- 5B444A
- 423034
- 291D20
- 130C0E
- 030202
Sắc xám
- E1B0BC
- D6AAB5
- CBA5AE
- C0A0A8
- B59AA1
- AB959A
- A09094
- 958B8D
- 8B8586
Hòa sắc
Bổ túc +180°
- ECB5C3
Chantilly
- 96D5C9
≈ Aqua Glow
Tương đồng -30° +30°
- ECB5C3
Chantilly
- E1B7DA
≈ French Lilac
- EEB7AC
≈ Carnation Coral
Bộ ba +120° +240°
- ECB5C3
Chantilly
- BFCE9E
≈ Spumoni Green
- A1CCEE
≈ Baby Blue Eyes
Bổ túc chia +150° +210°
- ECB5C3
Chantilly
- A7D3B1
≈ Coral Springs
- 94D2DF
≈ Washed Blue
Bộ bốn +90° +180° +270°
- ECB5C3
Chantilly
- D6C695
≈ Parsnip
- 96D5C9
≈ Aqua Glow
- B7C5F2
≈ Larkspur Bud
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.96:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--chantilly: #ecb5c3;
--chantilly-rgb: 236 181 195;
--chantilly-oklch: oklch(0.827 0.066 1.8);
}
.element {
color: var(--chantilly);
background-color: hsl(345 59% 82%);
border-color: oklch(0.827 0.066 1.8);
}Tailwind CSS v4
@theme {
--color-chantilly: #ecb5c3;
--color-chantilly-50: #ffeef3;
--color-chantilly-100: #fcdfe5;
--color-chantilly-200: #eec9d1;
--color-chantilly-300: #d6aab3;
--color-chantilly-400: #c08e9b;
--color-chantilly-500: #ab7483;
--color-chantilly-600: #91626f;
--color-chantilly-700: #744e59;
--color-chantilly-800: #563941;
--color-chantilly-900: #3c272d;
--color-chantilly-950: #25151a;
}SCSS
$chantilly: #ecb5c3;
$chantilly-rgb: 236, 181, 195;
$chantilly-light: mix(#fff, $chantilly, 20%);
$chantilly-dark: mix(#000, $chantilly, 20%);
.element {
color: $chantilly;
box-shadow: 0 0 0 2px rgba($chantilly, 0.35);
}