Màu có tên · #E7CFE8
Little Touch
Little Touch là #E7CFE8: rgb(231 207 232), hsl(298 35% 86%), oklch(0.882 0.043 324.7). 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.
What does Purple mean? → · Little Touch color name →
#E7CFE8
oklch(0.882 0.043 324.7)
Chuyển đổi màu
- HEX
- #e7cfe8
- RGB
- rgb(231 207 232)
- HSL
- hsl(298 35% 86%)
- HWB
- hwb(298 81% 9%)
- OKLCH
- oklch(0.882 0.043 324.7)
- OKLab
- oklab(0.882 0.035 -0.025)
- CIE Lab
- lab(85.71 11.88 -9.16)
- LCH
- lch(85.71 15 322.4)
- CMYK
- cmyk(0% 11% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E9D4EA
- ECD9ED
- EEDDEF
- F1E2F1
- F3E7F4
- F6ECF6
- F8F0F8
- FAF5FA
- FDFAFD
Sắc đậm
- C9B4CA
- AB99AC
- 8F7F90
- 736774
- 594F59
- 403840
- 282329
- 131013
- 030203
Sắc xám
- DCC7DD
- D2BFD2
- C7B7C8
- BDAFBD
- B2A7B3
- A89FA8
- 9E979E
- 948F94
- 8A888A
Hòa sắc
Bổ túc +180°
- E7CFE8
Little Touch
- C8E0C7
≈ Spring Burst
Tương đồng -30° +30°
- E7CFE8
Little Touch
- D9D3F2
≈ Japan Blush
- F0CDD9
≈ Smidgen of Love
Bộ ba +120° +240°
- E7CFE8
Little Touch
- E5D6B9
≈ Yellowstone Park
- B8E1E5
≈ Forever
Bổ túc chia +150° +210°
- E7CFE8
Little Touch
- D7DCBC
≈ Apple Cucumber
- BCE2D6
≈ Serendipity
Bộ bốn +90° +180° +270°
- E7CFE8
Little Touch
- EFD1BE
≈ Desert Mesa
- C8E0C7
≈ Spring Burst
- BEDDF1
≈ Tropical Pool
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.44:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.48:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--little-touch: #e7cfe8;
--little-touch-rgb: 231 207 232;
--little-touch-oklch: oklch(0.882 0.043 324.7);
}
.element {
color: var(--little-touch);
background-color: hsl(298 35% 86%);
border-color: oklch(0.882 0.043 324.7);
}Tailwind CSS v4
@theme {
--color-little-touch: #e7cfe8;
--color-little-touch-50: #fcf1fc;
--color-little-touch-100: #f0e3ef;
--color-little-touch-200: #decede;
--color-little-touch-300: #c4b0c3;
--color-little-touch-400: #ac96ad;
--color-little-touch-500: #957d96;
--color-little-touch-600: #7e6a7f;
--color-little-touch-700: #655466;
--color-little-touch-800: #4a3e4b;
--color-little-touch-900: #332a34;
--color-little-touch-950: #1f1820;
}SCSS
$little-touch: #e7cfe8;
$little-touch-rgb: 231, 207, 232;
$little-touch-light: mix(#fff, $little-touch, 20%);
$little-touch-dark: mix(#000, $little-touch, 20%);
.element {
color: $little-touch;
box-shadow: 0 0 0 2px rgba($little-touch, 0.35);
}