이름 색상 · #E7CFE8
Little Touch
Little Touch은(는) #E7CFE8: rgb(231 207 232), hsl(298 35% 86%), oklch(0.882 0.043 324.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Little Touch color name →
#E7CFE8
oklch(0.882 0.043 324.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E9D4EA
- ECD9ED
- EEDDEF
- F1E2F1
- F3E7F4
- F6ECF6
- F8F0F8
- FAF5FA
- FDFAFD
셰이드
- C9B4CA
- AB99AC
- 8F7F90
- 736774
- 594F59
- 403840
- 282329
- 131013
- 030203
톤
- DCC7DD
- D2BFD2
- C7B7C8
- BDAFBD
- B2A7B3
- A89FA8
- 9E979E
- 948F94
- 8A888A
색 조화
보색 +180°
- E7CFE8
Little Touch
- C8E0C7
≈ Spring Burst
유사색 -30° +30°
- E7CFE8
Little Touch
- D9D3F2
≈ Japan Blush
- F0CDD9
≈ Smidgen of Love
삼각 배색 +120° +240°
- E7CFE8
Little Touch
- E5D6B9
≈ Yellowstone Park
- B8E1E5
≈ Forever
분열 보색 +150° +210°
- E7CFE8
Little Touch
- D7DCBC
≈ Apple Cucumber
- BCE2D6
≈ Serendipity
사각 배색 +90° +180° +270°
- E7CFE8
Little Touch
- EFD1BE
≈ Desert Mesa
- C8E0C7
≈ Spring Burst
- BEDDF1
≈ Tropical Pool
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.48:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}