Màu có tên gần nhất · #ECC6D3
#ECC6D3
Màu có tên gần nhất: Smidgen of Love
#ECC6D3 (rgb(236 198 211), hsl(339 50% 85%), oklch(0.863 0.046 355.5)) gần nhất với màu có tên Smidgen of Love. 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.
#ECC6D3
oklch(0.863 0.046 355.5)
Chuyển đổi màu
- HEX
- #ecc6d3
- RGB
- rgb(236 198 211)
- HSL
- hsl(339 50% 85%)
- HWB
- hwb(339 78% 7%)
- OKLCH
- oklch(0.863 0.046 355.5)
- OKLab
- oklab(0.863 0.046 -0.004)
- CIE Lab
- lab(83.49 15.43 -1.21)
- LCH
- lch(83.49 15.47 355.5)
- CMYK
- cmyk(0% 16% 11% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EECCD7
- F0D1DC
- F2D7E0
- F4DDE4
- F6E2E9
- F8E8ED
- FAEEF2
- FCF3F6
- FDF9FB
Sắc đậm
- CDACB7
- AF929C
- 927A82
- 766269
- 5B4B51
- 42353A
- 292124
- 130E10
- 030202
Sắc xám
- E1BFCA
- D6B8C2
- CBB1B9
- C0A9B1
- B5A2A9
- AA9BA0
- 9F9598
- 958E90
- 8A8788
Hòa sắc
Bổ túc +180°
- ECC6D3
Smidgen of Love
- B3DCD0
≈ Balmy Seas
Tương đồng -30° +30°
- ECC6D3
Smidgen of Love
- E2C8E3
≈ Syrian Violet
- EFC7C3
≈ Delicate Pink Rose
Bộ ba +120° +240°
- ECC6D3
Smidgen of Love
- D0D6B4
≈ Avocado Whip
- B6D7EC
≈ Light Template
Bổ túc chia +150° +210°
- ECC6D3
Smidgen of Love
- C0DBC0
≈ Thistleberry Green
- AFDBE1
≈ Daly Waters
Bộ bốn +90° +180° +270°
- ECC6D3
Smidgen of Love
- E0D0B0
≈ Braided Raffia
- B3DCD0
≈ Balmy Seas
- C3D2F1
≈ Frozen Periwinkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.54:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.58:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--smidgen-of-love: #ecc6d3;
--smidgen-of-love-rgb: 236 198 211;
--smidgen-of-love-oklch: oklch(0.863 0.046 355.5);
}
.element {
color: var(--smidgen-of-love);
background-color: hsl(339 50% 85%);
border-color: oklch(0.863 0.046 355.5);
}Tailwind CSS v4
@theme {
--color-smidgen-of-love: #ecc6d3;
--color-smidgen-of-love-50: #fff0f5;
--color-smidgen-of-love-100: #f6e2e8;
--color-smidgen-of-love-200: #e6cdd4;
--color-smidgen-of-love-300: #ccaeb7;
--color-smidgen-of-love-400: #b6949f;
--color-smidgen-of-love-500: #a07a87;
--color-smidgen-of-love-600: #876773;
--color-smidgen-of-love-700: #6c525c;
--color-smidgen-of-love-800: #503c44;
--color-smidgen-of-love-900: #37292f;
--color-smidgen-of-love-950: #22171b;
}SCSS
$smidgen-of-love: #ecc6d3;
$smidgen-of-love-rgb: 236, 198, 211;
$smidgen-of-love-light: mix(#fff, $smidgen-of-love, 20%);
$smidgen-of-love-dark: mix(#000, $smidgen-of-love, 20%);
.element {
color: $smidgen-of-love;
box-shadow: 0 0 0 2px rgba($smidgen-of-love, 0.35);
}