가장 가까운 이름 색상 · #D59CBA
#D59CBA
가장 가까운 이름 색상: Sweet Perfume
#D59CBA(rgb(213 156 186), hsl(328 40% 72%), oklch(0.756 0.078 346.3))와 가장 가까운 이름 색상은 Sweet Perfume입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D59CBA
oklch(0.756 0.078 346.3)
색상 변환
- HEX
- #d59cba
- RGB
- rgb(213 156 186)
- HSL
- hsl(328 40% 72%)
- HWB
- hwb(328 61% 16%)
- OKLCH
- oklch(0.756 0.078 346.3)
- OKLab
- oklab(0.756 0.076 -0.019)
- CIE Lab
- lab(70.6 25.28 -6.77)
- LCH
- lch(70.6 26.17 345)
- CMYK
- cmyk(0% 27% 13% 16%)
틴트 · 셰이드 · 톤
틴트
- DAA6C1
- DEAFC8
- E3B9CE
- E7C3D5
- EBCDDC
- EFD7E3
- F3E1EA
- F7EBF1
- FBF5F8
셰이드
- B987A1
- 9E7389
- 835F72
- 6A4C5C
- 513946
- 3A2832
- 24181E
- 10090D
- 020102
톤
- CC99B4
- C497AE
- BB94A8
- B391A2
- AA8E9D
- A28C97
- 998991
- 91868B
- 898386
색 조화
보색 +180°
- D59CBA
Sweet Perfume
- 7EC0A5
≈ Celadon Porcelain
유사색 -30° +30°
- D59CBA
Sweet Perfume
- C4A1D1
≈ Lilac Lace
- DD9C9F
≈ Pimlico
삼각 배색 +120° +240°
- D59CBA
Sweet Perfume
- B6B379
≈ Leek Powder
- 78BAD6
≈ Pacific Harbour
분열 보색 +150° +210°
- D59CBA
Sweet Perfume
- 99BC8A
≈ Seafoam Green
- 70BFC0
≈ Pure Turquoise
사각 배색 +90° +180° +270°
- D59CBA
Sweet Perfume
- CCA977
≈ Burning Gold
- 7EC0A5
≈ Celadon Porcelain
- 90B2E1
≈ Blue Skies Today
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.29:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-perfume: #d59cba;
--sweet-perfume-rgb: 213 156 186;
--sweet-perfume-oklch: oklch(0.756 0.078 346.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(328 40% 72%);
border-color: oklch(0.756 0.078 346.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d59cba;
--color-sweet-perfume-50: #ffedf9;
--color-sweet-perfume-100: #fddeec;
--color-sweet-perfume-200: #efc7da;
--color-sweet-perfume-300: #d7a8be;
--color-sweet-perfume-400: #c18ca8;
--color-sweet-perfume-500: #ac7191;
--color-sweet-perfume-600: #91607b;
--color-sweet-perfume-700: #754c62;
--color-sweet-perfume-800: #563749;
--color-sweet-perfume-900: #3c2633;
--color-sweet-perfume-950: #26141e;
}SCSS
$sweet-perfume: #d59cba;
$sweet-perfume-rgb: 213, 156, 186;
$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);
}