이름 색상 · #C4A1AF
Shady Pink
Shady Pink은(는) #C4A1AF: rgb(196 161 175), hsl(336 23% 70%), oklch(0.745 0.045 352.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Shady Pink color name →
#C4A1AF
oklch(0.745 0.045 352.3)
색상 변환
- HEX
- #c4a1af
- RGB
- rgb(196 161 175)
- HSL
- hsl(336 23% 70%)
- HWB
- hwb(336 63% 23%)
- OKLCH
- oklch(0.745 0.045 352.3)
- OKLab
- oklab(0.745 0.045 -0.006)
- CIE Lab
- lab(69.78 15.01 -2.16)
- LCH
- lch(69.78 15.17 351.8)
- CMYK
- cmyk(0% 18% 11% 23%)
틴트 · 셰이드 · 톤
틴트
- CAAAB7
- D0B3BF
- D6BDC6
- DCC6CE
- E2CFD6
- E8D9DE
- EDE2E6
- F3ECEF
- F9F5F7
셰이드
- AA8B98
- 917681
- 78626B
- 614E56
- 4A3C41
- 352A2E
- 21191C
- 0E090B
- 020101
톤
- BD9EAA
- B69AA5
- AF97A1
- A9949C
- A29097
- 9B8D92
- 948A8E
- 8D8789
- 878385
색 조화
보색 +180°
- C4A1AF
Shady Pink
- 90B6A9
≈ Treetop
유사색 -30° +30°
- C4A1AF
Shady Pink
- BAA3BD
≈ Svelte
- C8A29F
≈ Lady Guinevere
삼각 배색 +120° +240°
- C4A1AF
Shady Pink
- ACB08F
≈ Majolica Green
- 90B2C4
≈ Bright Bluebonnet
분열 보색 +150° +210°
- C4A1AF
Shady Pink
- 9CB49A
≈ Copper Patina
- 8BB5B9
≈ Summit
사각 배색 +90° +180° +270°
- C4A1AF
Shady Pink
- BBAA8C
≈ Bamboo Screen
- 90B6A9
≈ Treetop
- 9DADCA
≈ Poetry Reading
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.06:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--shady-pink: #c4a1af;
--shady-pink-rgb: 196 161 175;
--shady-pink-oklch: oklch(0.745 0.045 352.3);
}
.element {
color: var(--shady-pink);
background-color: hsl(336 23% 70%);
border-color: oklch(0.745 0.045 352.3);
}Tailwind CSS v4
@theme {
--color-shady-pink: #c4a1af;
--color-shady-pink-50: #fff0f6;
--color-shady-pink-100: #f5e2e9;
--color-shady-pink-200: #e5cdd5;
--color-shady-pink-300: #cbaeb9;
--color-shady-pink-400: #b594a1;
--color-shady-pink-500: #9f7a89;
--color-shady-pink-600: #866874;
--color-shady-pink-700: #6b535d;
--color-shady-pink-800: #4f3c44;
--color-shady-pink-900: #37292f;
--color-shady-pink-950: #22171c;
}SCSS
$shady-pink: #c4a1af;
$shady-pink-rgb: 196, 161, 175;
$shady-pink-light: mix(#fff, $shady-pink, 20%);
$shady-pink-dark: mix(#000, $shady-pink, 20%);
.element {
color: $shady-pink;
box-shadow: 0 0 0 2px rgba($shady-pink, 0.35);
}