이름 색상 · #CEBDB4
Smokey Pink
Smokey Pink은(는) #CEBDB4: rgb(206 189 180), hsl(21 21% 76%), oklch(0.81 0.023 49.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Smokey Pink color name →
#CEBDB4
oklch(0.81 0.023 49.9)
색상 변환
- HEX
- #cebdb4
- RGB
- rgb(206 189 180)
- HSL
- hsl(21 21% 76%)
- HWB
- hwb(21 71% 19%)
- OKLCH
- oklch(0.81 0.023 49.9)
- OKLab
- oklab(0.81 0.015 0.018)
- CIE Lab
- lab(77.86 5.1 6.85)
- LCH
- lch(77.86 8.54 53.4)
- CMYK
- cmyk(0% 8% 13% 19%)
틴트 · 셰이드 · 톤
틴트
- D3C3BB
- D8CAC3
- DDD0CA
- E1D7D1
- E6DED9
- EBE4E0
- F0EBE8
- F5F2F0
- FAF8F7
셰이드
- B3A49C
- 988C85
- 7F746E
- 665D58
- 4E4744
- 383330
- 231F1D
- 0F0D0C
- 020202
톤
- C6B7AF
- BEB0A9
- B6AAA4
- AEA49F
- A69E9A
- 9E9894
- 97928F
- 8F8C8A
- 888685
색 조화
보색 +180°
- CEBDB4
Smokey Pink
- B3C4CD
≈ Blue Luna
유사색 -30° +30°
- CEBDB4
Smokey Pink
- D0BBBB
≈ Mediterranean Sunset
- C9C0B1
≈ Malibu Beige
삼각 배색 +120° +240°
- CEBDB4
Smokey Pink
- B3C6BE
≈ Fresh Tone
- C0BFCF
≈ Gentleman’s Suit
분열 보색 +150° +210°
- CEBDB4
Smokey Pink
- B1C6C7
≈ Blue Agave
- B8C2D0
≈ Pageant Song
사각 배색 +90° +180° +270°
- CEBDB4
Smokey Pink
- B9C5B7
≈ Median Green
- B3C4CD
≈ Blue Luna
- C8BCCA
≈ My Mona
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.56:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--smokey-pink: #cebdb4;
--smokey-pink-rgb: 206 189 180;
--smokey-pink-oklch: oklch(0.81 0.023 49.9);
}
.element {
color: var(--smokey-pink);
background-color: hsl(21 21% 76%);
border-color: oklch(0.81 0.023 49.9);
}Tailwind CSS v4
@theme {
--color-smokey-pink: #cebdb4;
--color-smokey-pink-50: #fbf3ef;
--color-smokey-pink-100: #efe6e1;
--color-smokey-pink-200: #ddd2cb;
--color-smokey-pink-300: #c2b4ad;
--color-smokey-pink-400: #aa9b93;
--color-smokey-pink-500: #938279;
--color-smokey-pink-600: #7d6e66;
--color-smokey-pink-700: #645852;
--color-smokey-pink-800: #49403c;
--color-smokey-pink-900: #332c29;
--color-smokey-pink-950: #1f1917;
}SCSS
$smokey-pink: #cebdb4;
$smokey-pink-rgb: 206, 189, 180;
$smokey-pink-light: mix(#fff, $smokey-pink, 20%);
$smokey-pink-dark: mix(#000, $smokey-pink, 20%);
.element {
color: $smokey-pink;
box-shadow: 0 0 0 2px rgba($smokey-pink, 0.35);
}