이름 색상 · #DBC8C3
Pink Chantilly
Pink Chantilly은(는) #DBC8C3: rgb(219 200 195), hsl(13 25% 81%), oklch(0.847 0.023 35.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pink Chantilly color name →
#DBC8C3
oklch(0.847 0.023 35.1)
색상 변환
- HEX
- #dbc8c3
- RGB
- rgb(219 200 195)
- HSL
- hsl(13 25% 81%)
- HWB
- hwb(13 76% 14%)
- OKLCH
- oklch(0.847 0.023 35.1)
- OKLab
- oklab(0.847 0.018 0.013)
- CIE Lab
- lab(82.1 6.26 5.05)
- LCH
- lch(82.1 8.04 38.9)
- CMYK
- cmyk(0% 9% 11% 14%)
틴트 · 셰이드 · 톤
틴트
- DFCDC9
- E2D3CF
- E6D8D5
- E9DEDB
- EDE3E1
- F1E9E7
- F4EEED
- F8F4F3
- FBF9F9
셰이드
- BEAEA9
- A29490
- 877B78
- 6D6360
- 544C4A
- 3C3634
- 262120
- 110F0E
- 020202
톤
- D2C1BC
- C8B9B5
- BFB2AE
- B6ABA8
- ACA3A1
- A39C9A
- 9A9594
- 928E8D
- 898786
색 조화
보색 +180°
- DBC8C3
Pink Chantilly
- BDD1D6
≈ Lament Blue
유사색 -30° +30°
- DBC8C3
Pink Chantilly
- DBC7CB
≈ Light Pink Polar
- D8CABE
≈ In the Buff
삼각 배색 +120° +240°
- DBC8C3
Pink Chantilly
- C2D1C6
≈ Frosted Jade
- C8CCDC
≈ Lavender Steel
분열 보색 +150° +210°
- DBC8C3
Pink Chantilly
- BDD2CF
≈ Breath of Green
- C1CFDB
≈ Magical
사각 배색 +90° +180° +270°
- DBC8C3
Pink Chantilly
- C9D0C0
≈ Terrace View
- BDD1D6
≈ Lament Blue
- D0C9D9
≈ Diaphanous
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.06:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--pink-chantilly: #dbc8c3;
--pink-chantilly-rgb: 219 200 195;
--pink-chantilly-oklch: oklch(0.847 0.023 35.1);
}
.element {
color: var(--pink-chantilly);
background-color: hsl(13 25% 81%);
border-color: oklch(0.847 0.023 35.1);
}Tailwind CSS v4
@theme {
--color-pink-chantilly: #dbc8c3;
--color-pink-chantilly-50: #fbf3f1;
--color-pink-chantilly-100: #efe5e3;
--color-pink-chantilly-200: #ddd1cd;
--color-pink-chantilly-300: #c2b4af;
--color-pink-chantilly-400: #ab9a96;
--color-pink-chantilly-500: #94817c;
--color-pink-chantilly-600: #7e6d69;
--color-pink-chantilly-700: #645754;
--color-pink-chantilly-800: #4a403d;
--color-pink-chantilly-900: #332c2a;
--color-pink-chantilly-950: #1f1918;
}SCSS
$pink-chantilly: #dbc8c3;
$pink-chantilly-rgb: 219, 200, 195;
$pink-chantilly-light: mix(#fff, $pink-chantilly, 20%);
$pink-chantilly-dark: mix(#000, $pink-chantilly, 20%);
.element {
color: $pink-chantilly;
box-shadow: 0 0 0 2px rgba($pink-chantilly, 0.35);
}