가장 가까운 이름 색상 · #DEC7D1
#DEC7D1
가장 가까운 이름 색상: Light Lilac
#DEC7D1(rgb(222 199 209), hsl(334 26% 83%), oklch(0.852 0.029 349.6))와 가장 가까운 이름 색상은 Light Lilac입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DEC7D1
oklch(0.852 0.029 349.6)
색상 변환
- HEX
- #dec7d1
- RGB
- rgb(222 199 209)
- HSL
- hsl(334 26% 83%)
- HWB
- hwb(334 78% 13%)
- OKLCH
- oklch(0.852 0.029 349.6)
- OKLab
- oklab(0.852 0.029 -0.005)
- CIE Lab
- lab(82.41 9.61 -1.9)
- LCH
- lch(82.41 9.79 348.8)
- CMYK
- cmyk(0% 10% 6% 13%)
틴트 · 셰이드 · 톤
틴트
- E1CDD6
- E5D2DA
- E8D8DF
- EBDDE3
- EFE3E8
- F2E8EC
- F5EEF1
- F8F4F6
- FCF9FA
셰이드
- C1ADB5
- A5939B
- 897A81
- 6F6268
- 554C50
- 3D3639
- 262123
- 120E10
- 020202
톤
- D4C0C9
- CBB8C0
- C1B1B8
- B7AAB0
- AEA3A8
- A59CA0
- 9B9598
- 928E90
- 898788
색 조화
보색 +180°
- DEC7D1
Light Lilac
- BDD5CB
≈ Soft Fresco
유사색 -30° +30°
- DEC7D1
Light Lilac
- D7C9DA
≈ Languid Lavender
- E1C7C7
≈ Pocketful of Promise
삼각 배색 +120° +240°
- DEC7D1
Light Lilac
- CFD0BB
≈ With a Twist
- BCD2DE
≈ Two Harbours
분열 보색 +150° +210°
- DEC7D1
Light Lilac
- C5D3C1
≈ Juniper Mist
- B9D4D6
≈ Rhythmic Blue
사각 배색 +90° +180° +270°
- DEC7D1
Light Lilac
- D9CDBA
≈ Studio Clay
- BDD5CB
≈ Soft Fresco
- C3CFE2
≈ Atmospheric Pressure
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.19:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--light-lilac: #dec7d1;
--light-lilac-rgb: 222 199 209;
--light-lilac-oklch: oklch(0.852 0.029 349.6);
}
.element {
color: var(--light-lilac);
background-color: hsl(334 26% 83%);
border-color: oklch(0.852 0.029 349.6);
}Tailwind CSS v4
@theme {
--color-light-lilac: #dec7d1;
--color-light-lilac-50: #fcf2f6;
--color-light-lilac-100: #f0e4e9;
--color-light-lilac-200: #dfcfd5;
--color-light-lilac-300: #c4b2b9;
--color-light-lilac-400: #ad98a1;
--color-light-lilac-500: #967f89;
--color-light-lilac-600: #7f6b74;
--color-light-lilac-700: #65565d;
--color-light-lilac-800: #4a3e44;
--color-light-lilac-900: #342b2f;
--color-light-lilac-950: #1f181c;
}SCSS
$light-lilac: #dec7d1;
$light-lilac-rgb: 222, 199, 209;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}