最接近的命名颜色 · #D3839F
#D3839F
最接近的命名颜色: Primrose
#D3839F（rgb(211 131 159)、hsl(339 48% 67%)、oklch(0.702 0.104 357.6)）最接近命名颜色 Primrose。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D3839F
oklch(0.702 0.104 357.6)
颜色转换
- HEX
- #d3839f
- RGB
- rgb(211 131 159)
- HSL
- hsl(339 48% 67%)
- HWB
- hwb(339 51% 17%)
- OKLCH
- oklch(0.702 0.104 357.6)
- OKLab
- oklab(0.702 0.104 -0.004)
- CIE Lab
- lab(64.05 34.28 -1.26)
- LCH
- lch(64.05 34.3 357.9)
- CMYK
- cmyk(0% 38% 25% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D88FA8
- DD9CB2
- E2A8BB
- E7B4C4
- ECC1CE
- F0CDD8
- F4D9E1
- F8E6EB
- FCF2F5
深色调
- B7718A
- 9C6075
- 824F61
- 693F4D
- 512F3B
- 3A2029
- 241218
- 100609
- 020101
灰色调
- CB839C
- C38399
- BB8396
- B38392
- AA838F
- A2828C
- 9A8289
- 918186
- 898183
配色和谐
互补色 +180°
- D3839F
Primrose
- 48B49E
≈ Sacred Turquoise
类似色 -30° +30°
- D3839F
Primrose
- C287C0
≈ Dragonflies
- D8857B
≈ Island Coral
三角配色 +120° +240°
- D3839F
Primrose
- 9AA85A
≈ Springtide Melodies
- 5AA8D8
≈ Cousteau
分裂互补色 +150° +210°
- D3839F
Primrose
- 71B179
≈ Appleton
- 3CB1C0
≈ Lago Blue
四角配色 +90° +180° +270°
- D3839F
Primrose
- BA9B4D
≈ Brown Rum
- 48B49E
≈ Sacred Turquoise
- 839DE0
≈ Portage
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.51:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--primrose: #d3839f;
--primrose-rgb: 211 131 159;
--primrose-oklch: oklch(0.702 0.104 357.6);
}
.element {
color: var(--primrose);
background-color: hsl(339 48% 67%);
border-color: oklch(0.702 0.104 357.6);
}Tailwind CSS v4
@theme {
--color-primrose: #d3839f;
--color-primrose-50: #ffe9f4;
--color-primrose-100: #ffdae7;
--color-primrose-200: #fbc2d3;
--color-primrose-300: #e4a1b5;
--color-primrose-400: #d0849f;
--color-primrose-500: #bc6786;
--color-primrose-600: #9f5872;
--color-primrose-700: #80465b;
--color-primrose-800: #5e3244;
--color-primrose-900: #42222f;
--color-primrose-950: #2a111b;
}SCSS
$primrose: #d3839f;
$primrose-rgb: 211, 131, 159;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}