이름 색상 · #DFCEC2
Cocoa Parfait
Cocoa Parfait은(는) #DFCEC2: rgb(223 206 194), hsl(25 31% 82%), oklch(0.862 0.025 57.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cocoa Parfait color name →
#DFCEC2
oklch(0.862 0.025 57.6)
색상 변환
- HEX
- #dfcec2
- RGB
- rgb(223 206 194)
- HSL
- hsl(25 31% 82%)
- HWB
- hwb(25 76% 13%)
- OKLCH
- oklch(0.862 0.025 57.6)
- OKLab
- oklab(0.862 0.013 0.021)
- CIE Lab
- lab(83.93 4.64 8.24)
- LCH
- lch(83.93 9.46 60.6)
- CMYK
- cmyk(0% 8% 13% 13%)
틴트 · 셰이드 · 톤
틴트
- E2D3C8
- E5D8CE
- E9DDD4
- ECE1DA
- EFE6E0
- F2EBE6
- F5F0EC
- F9F5F3
- FCFAF9
셰이드
- C2B3A8
- A5988F
- 8A7F77
- 6F6660
- 564E49
- 3D3834
- 272320
- 120F0E
- 020202
톤
- D5C6BB
- CBBEB4
- C2B6AE
- B8AEA7
- AEA6A0
- A59E9A
- 9C9793
- 928F8D
- 898786
색 조화
보색 +180°
- DFCEC2
Cocoa Parfait
- C3D5E0
≈ Icecap
유사색 -30° +30°
- DFCEC2
Cocoa Parfait
- E2CCC9
≈ Pale Berries
- D9D1BF
≈ Clam
삼각 배색 +120° +240°
- DFCEC2
Cocoa Parfait
- C1D7D1
≈ Aquatic Edge
- D3CEE1
≈ Potentially Purple
분열 보색 +150° +210°
- DFCEC2
Cocoa Parfait
- C0D7DA
≈ Wind Speed
- CAD2E3
≈ Pale Periwinkle
사각 배색 +90° +180° +270°
- DFCEC2
Cocoa Parfait
- C7D6C8
≈ New Moss
- C3D5E0
≈ Icecap
- DBCCDA
≈ Creamy Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.74:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--cocoa-parfait: #dfcec2;
--cocoa-parfait-rgb: 223 206 194;
--cocoa-parfait-oklch: oklch(0.862 0.025 57.6);
}
.element {
color: var(--cocoa-parfait);
background-color: hsl(25 31% 82%);
border-color: oklch(0.862 0.025 57.6);
}Tailwind CSS v4
@theme {
--color-cocoa-parfait: #dfcec2;
--color-cocoa-parfait-50: #fbf4ee;
--color-cocoa-parfait-100: #efe6e0;
--color-cocoa-parfait-200: #ddd2ca;
--color-cocoa-parfait-300: #c2b5ab;
--color-cocoa-parfait-400: #aa9b90;
--color-cocoa-parfait-500: #948276;
--color-cocoa-parfait-600: #7d6e64;
--color-cocoa-parfait-700: #645850;
--color-cocoa-parfait-800: #49403a;
--color-cocoa-parfait-900: #332c28;
--color-cocoa-parfait-950: #1f1916;
}SCSS
$cocoa-parfait: #dfcec2;
$cocoa-parfait-rgb: 223, 206, 194;
$cocoa-parfait-light: mix(#fff, $cocoa-parfait, 20%);
$cocoa-parfait-dark: mix(#000, $cocoa-parfait, 20%);
.element {
color: $cocoa-parfait;
box-shadow: 0 0 0 2px rgba($cocoa-parfait, 0.35);
}