이름 색상 · #D0748B
Charm
Charm은(는) #D0748B: rgb(208 116 139), hsl(345 49% 64%), oklch(0.667 0.118 4.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Charm color name →
#D0748B
oklch(0.667 0.118 4.7)
색상 변환
- HEX
- #d0748b
- RGB
- rgb(208 116 139)
- HSL
- hsl(345 49% 64%)
- HWB
- hwb(345 45% 18%)
- OKLCH
- oklch(0.667 0.118 4.7)
- OKLab
- oklab(0.667 0.117 0.01)
- CIE Lab
- lab(60 38.76 4.26)
- LCH
- lch(60 39 6.3)
- CMYK
- cmyk(0% 44% 33% 18%)
틴트 · 셰이드 · 톤
틴트
- D68296
- DC90A1
- E19EAC
- E6ABB8
- EBB9C3
- F0C7CF
- F4D5DB
- F8E3E7
- FCF1F3
셰이드
- B56478
- 9A5466
- 804554
- 673743
- 4F2932
- 391B23
- 230F14
- 100507
- 020101
톤
- C9768A
- C17889
- B97988
- B27A87
- AA7C85
- A27D84
- 9A7E83
- 917F82
- 897F81
색 조화
보색 +180°
- D0748B
Charm
- 02AB9D
≈ Tropical Hideaway
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
- D0748B
Charm
- 51AA74
≈ Sēn Lín Lǜ Forest
- 02A6C1
≈ Maui
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--charm: #d0748b;
--charm-rgb: 208 116 139;
--charm-oklch: oklch(0.667 0.118 4.7);
}
.element {
color: var(--charm);
background-color: hsl(345 49% 64%);
border-color: oklch(0.667 0.118 4.7);
}Tailwind CSS v4
@theme {
--color-charm: #d0748b;
--color-charm-50: #ffe8ef;
--color-charm-100: #ffd8e1;
--color-charm-200: #ffc0cc;
--color-charm-300: #ec9ead;
--color-charm-400: #d88095;
--color-charm-500: #c5627c;
--color-charm-600: #a65369;
--color-charm-700: #864254;
--color-charm-800: #632f3f;
--color-charm-900: #46202b;
--color-charm-950: #2d0f18;
}SCSS
$charm: #d0748b;
$charm-rgb: 208, 116, 139;
$charm-light: mix(#fff, $charm, 20%);
$charm-dark: mix(#000, $charm, 20%);
.element {
color: $charm;
box-shadow: 0 0 0 2px rgba($charm, 0.35);
}