가장 가까운 이름 색상 · #CCA29E
#CCA29E
가장 가까운 이름 색상: La Vie en Rose
#CCA29E(rgb(204 162 158), hsl(5 31% 71%), oklch(0.749 0.05 24.6))와 가장 가까운 이름 색상은 La Vie en Rose입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CCA29E
oklch(0.749 0.05 24.6)
색상 변환
- HEX
- #cca29e
- RGB
- rgb(204 162 158)
- HSL
- hsl(5 31% 71%)
- HWB
- hwb(5 62% 20%)
- OKLCH
- oklch(0.749 0.05 24.6)
- OKLab
- oklab(0.749 0.046 0.021)
- CIE Lab
- lab(70.46 15.55 8.31)
- LCH
- lch(70.46 17.63 28.1)
- CMYK
- cmyk(0% 21% 23% 20%)
틴트 · 셰이드 · 톤
틴트
- D1ABA7
- D7B4B1
- DCBDBA
- E1C7C4
- E6D0CE
- EBD9D7
- F0E3E1
- F5ECEB
- FAF5F5
셰이드
- B18C89
- 977774
- 7E6360
- 654F4D
- 4E3C3A
- 372A29
- 221918
- 0F0A09
- 020101
톤
- C49F9B
- BD9B98
- B59895
- AD9492
- A6918F
- 9E8E8C
- 978A89
- 8F8786
- 888383
색 조화
보색 +180°
- CCA29E
La Vie en Rose
- 88B8BD
≈ Summit
유사색 -30° +30°
- CCA29E
La Vie en Rose
- C9A1AF
≈ Opaline Pink
- C8A690
≈ Moenkopi Soil
삼각 배색 +120° +240°
- CCA29E
La Vie en Rose
- 9BB79A
≈ Brookview
- 9EAECF
≈ Heartsong
분열 보색 +150° +210°
- CCA29E
La Vie en Rose
- 8DB9AC
≈ Mild Evergreen
- 8FB4C9
≈ Pond Blue
사각 배색 +90° +180° +270°
- CCA29E
La Vie en Rose
- ACB28E
≈ Lint
- 88B8BD
≈ Summit
- AFA8CB
≈ Violet Mix
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.22:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--la-vie-en-rose: #cca29e;
--la-vie-en-rose-rgb: 204 162 158;
--la-vie-en-rose-oklch: oklch(0.749 0.05 24.6);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(5 31% 71%);
border-color: oklch(0.749 0.05 24.6);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #cca29e;
--color-la-vie-en-rose-50: #fff0ed;
--color-la-vie-en-rose-100: #f8e2df;
--color-la-vie-en-rose-200: #e9cdc9;
--color-la-vie-en-rose-300: #d0aeaa;
--color-la-vie-en-rose-400: #bb9390;
--color-la-vie-en-rose-500: #a57a76;
--color-la-vie-en-rose-600: #8c6764;
--color-la-vie-en-rose-700: #705250;
--color-la-vie-en-rose-800: #533c3a;
--color-la-vie-en-rose-900: #3a2928;
--color-la-vie-en-rose-950: #241716;
}SCSS
$la-vie-en-rose: #cca29e;
$la-vie-en-rose-rgb: 204, 162, 158;
$la-vie-en-rose-light: mix(#fff, $la-vie-en-rose, 20%);
$la-vie-en-rose-dark: mix(#000, $la-vie-en-rose, 20%);
.element {
color: $la-vie-en-rose;
box-shadow: 0 0 0 2px rgba($la-vie-en-rose, 0.35);
}