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