最接近的命名颜色 · #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);
}