이름 색상 · #D08A9B
Can Can
Can Can은(는) #D08A9B: rgb(208 138 155), hsl(345 43% 68%), oklch(0.709 0.088 3.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Can Can color name →
#D08A9B
oklch(0.709 0.088 3.7)
색상 변환
- HEX
- #d08a9b
- RGB
- rgb(208 138 155)
- HSL
- hsl(345 43% 68%)
- HWB
- hwb(345 54% 18%)
- OKLCH
- oklch(0.709 0.088 3.7)
- OKLab
- oklab(0.709 0.088 0.006)
- CIE Lab
- lab(65.15 29.16 2.52)
- LCH
- lch(65.15 29.27 4.9)
- CMYK
- cmyk(0% 34% 25% 18%)
틴트 · 셰이드 · 톤
틴트
- D596A5
- DBA1AE
- E0ADB8
- E5B8C2
- E9C4CC
- EED0D6
- F3DBE0
- F7E7EA
- FBF3F5
셰이드
- B57786
- 9A6572
- 80535E
- 67424B
- 4F3239
- 392228
- 231418
- 100709
- 020101
톤
- C88998
- C08896
- B88893
- B18790
- A9868D
- A1858B
- 998488
- 918285
- 888183
색 조화
보색 +180°
- D08A9B
Can Can
- 5AB3A7
≈ Artesian Well
유사색 -30° +30°
- D08A9B
Can Can
- C38DB8
≈ Rock Star Pink
- D28D7D
≈ Orange Essential
삼각 배색 +120° +240°
- D08A9B
Can Can
- 96AB6D
≈ Gallant Green
- 70A8D4
≈ Chronus Blue
분열 보색 +150° +210°
- D08A9B
Can Can
- 75B288
≈ Frosted Emerald
- 58B0C2
≈ Finnish Fiord
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.69:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.79:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--can-can: #d08a9b;
--can-can-rgb: 208 138 155;
--can-can-oklch: oklch(0.709 0.088 3.7);
}
.element {
color: var(--can-can);
background-color: hsl(345 43% 68%);
border-color: oklch(0.709 0.088 3.7);
}Tailwind CSS v4
@theme {
--color-can-can: #d08a9b;
--color-can-can-50: #ffebf1;
--color-can-can-100: #ffdce3;
--color-can-can-200: #f6c5cf;
--color-can-can-300: #dfa5b1;
--color-can-can-400: #cb8999;
--color-can-can-500: #b76d80;
--color-can-can-600: #9a5c6c;
--color-can-can-700: #7c4a56;
--color-can-can-800: #5c3540;
--color-can-can-900: #40242c;
--color-can-can-950: #291319;
}SCSS
$can-can: #d08a9b;
$can-can-rgb: 208, 138, 155;
$can-can-light: mix(#fff, $can-can, 20%);
$can-can-dark: mix(#000, $can-can, 20%);
.element {
color: $can-can;
box-shadow: 0 0 0 2px rgba($can-can, 0.35);
}