가장 가까운 이름 색상 · #D295B7
#D295B7
가장 가까운 이름 색상: Sweet Perfume
#D295B7(rgb(210 149 183), hsl(327 40% 70%), oklch(0.739 0.085 344.9))와 가장 가까운 이름 색상은 Sweet Perfume입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D295B7
oklch(0.739 0.085 344.9)
색상 변환
- HEX
- #d295b7
- RGB
- rgb(210 149 183)
- HSL
- hsl(327 40% 70%)
- HWB
- hwb(327 58% 18%)
- OKLCH
- oklch(0.739 0.085 344.9)
- OKLab
- oklab(0.739 0.082 -0.022)
- CIE Lab
- lab(68.57 27.42 -8.13)
- LCH
- lch(68.57 28.6 343.5)
- CMYK
- cmyk(0% 29% 13% 18%)
틴트 · 셰이드 · 톤
틴트
- D79FBE
- DCAAC5
- E1B4CC
- E5BFD3
- EAC9DB
- EED4E2
- F3DFE9
- F7E9F0
- FBF4F8
셰이드
- B6819F
- 9B6D87
- 815A70
- 68485A
- 503745
- 392631
- 24161E
- 10080C
- 020102
톤
- CA93B1
- C291AC
- B98FA6
- B18DA1
- A98B9B
- A18996
- 998790
- 91858B
- 888285
색 조화
보색 +180°
- D295B7
Sweet Perfume
- 75BC9D
≈ Arboretum
유사색 -30° +30°
- D295B7
Sweet Perfume
- BF9BD0
≈ Mauve Mist
- DB9599
≈ Dancer
삼각 배색 +120° +240°
- D295B7
Sweet Perfume
- B2AE6D
≈ Jalapeño Jelly
- 6BB6D3
≈ Madonna Blue
분열 보색 +150° +210°
- D295B7
Sweet Perfume
- 94B780
≈ Willow Dyed
- 63BCBB
≈ Fresh Soft Blue
사각 배색 +90° +180° +270°
- D295B7
Sweet Perfume
- CAA36C
≈ Buckskin Pony
- 75BC9D
≈ Arboretum
- 86ADE0
≈ Queer Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.72:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-perfume: #d295b7;
--sweet-perfume-rgb: 210 149 183;
--sweet-perfume-oklch: oklch(0.739 0.085 344.9);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(327 40% 70%);
border-color: oklch(0.739 0.085 344.9);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d295b7;
--color-sweet-perfume-50: #ffecfa;
--color-sweet-perfume-100: #ffdded;
--color-sweet-perfume-200: #f1c6db;
--color-sweet-perfume-300: #d9a6c0;
--color-sweet-perfume-400: #c38aaa;
--color-sweet-perfume-500: #af6f93;
--color-sweet-perfume-600: #945e7c;
--color-sweet-perfume-700: #764b64;
--color-sweet-perfume-800: #57364a;
--color-sweet-perfume-900: #3d2533;
--color-sweet-perfume-950: #26141f;
}SCSS
$sweet-perfume: #d295b7;
$sweet-perfume-rgb: 210, 149, 183;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}