最接近的命名颜色 · #DF9AB0
#DF9AB0
最接近的命名颜色: Passion Potion
#DF9AB0（rgb(223 154 176)、hsl(341 52% 74%)、oklch(0.76 0.087 358.6)）最接近命名颜色 Passion Potion。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DF9AB0
oklch(0.76 0.087 358.6)
颜色转换
- HEX
- #df9ab0
- RGB
- rgb(223 154 176)
- HSL
- hsl(341 52% 74%)
- HWB
- hwb(341 60% 13%)
- OKLCH
- oklch(0.76 0.087 358.6)
- OKLab
- oklab(0.76 0.087 -0.002)
- CIE Lab
- lab(71.02 28.83 -0.48)
- LCH
- lch(71.02 28.83 359)
- CMYK
- cmyk(0% 31% 21% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E3A4B8
- E7AEBF
- EAB8C7
- EEC2CF
- F1CCD7
- F4D6DF
- F7E0E7
- FAEBEF
- FCF5F7
深色调
- C28599
- A57182
- 8A5E6C
- 6F4B56
- 563942
- 3D272E
- 27171C
- 12090B
- 020101
灰色调
- D698AB
- CC95A6
- C393A1
- B9909C
- B08E98
- A68B93
- 9D888E
- 938689
- 8A8385
配色和谐
互补色 +180°
- DF9AB0
Passion Potion
- 6FC3B2
≈ Miami Teal
类似色 -30° +30°
- DF9AB0
Passion Potion
- D09DCD
≈ Girl Power
- E39C92
≈ Coral Almond
三角配色 +120° +240°
- DF9AB0
Passion Potion
- ABB979
≈ Green Curry
- 7CB9E2
≈ 21st Century Blue
分裂互补色 +150° +210°
- DF9AB0
Passion Potion
- 8AC193
≈ Country Weekend
- 69C1CE
≈ Arctic Ocean
四角配色 +90° +180° +270°
- DF9AB0
Passion Potion
- C7AE6F
≈ Dried Moss
- 6FC3B2
≈ Miami Teal
- 9AAFE9
≈ Wondrous Wisteria
对比度与无障碍
Ag
Fail白底
WCAG 2.23:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.38:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--passion-potion: #df9ab0;
--passion-potion-rgb: 223 154 176;
--passion-potion-oklch: oklch(0.76 0.087 358.6);
}
.element {
color: var(--passion-potion);
background-color: hsl(341 52% 74%);
border-color: oklch(0.76 0.087 358.6);
}Tailwind CSS v4
@theme {
--color-passion-potion: #df9ab0;
--color-passion-potion-50: #ffebf4;
--color-passion-potion-100: #ffdce6;
--color-passion-potion-200: #f5c5d2;
--color-passion-potion-300: #dea5b5;
--color-passion-potion-400: #c9899e;
--color-passion-potion-500: #b56d85;
--color-passion-potion-600: #995d71;
--color-passion-potion-700: #7b4a5a;
--color-passion-potion-800: #5a3543;
--color-passion-potion-900: #3f242e;
--color-passion-potion-950: #28131b;
}SCSS
$passion-potion: #df9ab0;
$passion-potion-rgb: 223, 154, 176;
$passion-potion-light: mix(#fff, $passion-potion, 20%);
$passion-potion-dark: mix(#000, $passion-potion, 20%);
.element {
color: $passion-potion;
box-shadow: 0 0 0 2px rgba($passion-potion, 0.35);
}