가장 가까운 이름 색상 · #DDB7AA
#DDB7AA
가장 가까운 이름 색상: Prosciutto
#DDB7AA(rgb(221 183 170), hsl(15 43% 77%), oklch(0.809 0.048 39.8))와 가장 가까운 이름 색상은 Prosciutto입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DDB7AA
oklch(0.809 0.048 39.8)
색상 변환
- HEX
- #ddb7aa
- RGB
- rgb(221 183 170)
- HSL
- hsl(15 43% 77%)
- HWB
- hwb(15 67% 13%)
- OKLCH
- oklch(0.809 0.048 39.8)
- OKLab
- oklab(0.809 0.037 0.031)
- CIE Lab
- lab(77.56 12.67 12.03)
- LCH
- lch(77.56 17.48 43.5)
- CMYK
- cmyk(0% 17% 23% 13%)
틴트 · 셰이드 · 톤
틴트
- E1BEB2
- E4C5BB
- E8CCC3
- EBD3CB
- EFDBD4
- F2E2DC
- F5E9E5
- F9F0EE
- FCF8F6
셰이드
- C09F93
- A4877D
- 887068
- 6E5A53
- 55453F
- 3D312D
- 261E1B
- 110C0B
- 020201
톤
- D3B1A6
- CAACA2
- C0A69D
- B7A199
- AE9B95
- A59691
- 9B908D
- 928B88
- 898584
색 조화
보색 +180°
- DDB7AA
Prosciutto
- 9FC9D6
≈ Soothing Blue
유사색 -30° +30°
- DDB7AA
Prosciutto
- DDB5BA
≈ Pencil Eraser
- D5BCA0
≈ Concept Beige
삼각 배색 +120° +240°
- DDB7AA
Prosciutto
- A7CBB6
≈ Bird’s Egg Green
- BABEE0
≈ Wisteria Fragrance
분열 보색 +150° +210°
- DDB7AA
Prosciutto
- 9ECBC7
≈ Eggshell Blue
- AAC4DF
≈ Blue Prism
사각 배색 +90° +180° +270°
- DDB7AA
Prosciutto
- B7C7A7
≈ Freshwater Green
- 9FC9D6
≈ Soothing Blue
- CAB9D8
≈ Pussyfoot
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.42:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--prosciutto: #ddb7aa;
--prosciutto-rgb: 221 183 170;
--prosciutto-oklch: oklch(0.809 0.048 39.8);
}
.element {
color: var(--prosciutto);
background-color: hsl(15 43% 77%);
border-color: oklch(0.809 0.048 39.8);
}Tailwind CSS v4
@theme {
--color-prosciutto: #ddb7aa;
--color-prosciutto-50: #fff1eb;
--color-prosciutto-100: #f7e3dc;
--color-prosciutto-200: #e7cec5;
--color-prosciutto-300: #ceb0a5;
--color-prosciutto-400: #b8958a;
--color-prosciutto-500: #a37c6f;
--color-prosciutto-600: #89695e;
--color-prosciutto-700: #6e544b;
--color-prosciutto-800: #513d37;
--color-prosciutto-900: #392a25;
--color-prosciutto-950: #231714;
}SCSS
$prosciutto: #ddb7aa;
$prosciutto-rgb: 221, 183, 170;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}