命名颜色 · #D3ACCE
Queenly
Queenly 即 #D3ACCE：rgb(211 172 206)、hsl(308 31% 75%)、oklch(0.79 0.064 330.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Queenly color name →
#D3ACCE
oklch(0.79 0.064 330.5)
颜色转换
- HEX
- #d3acce
- RGB
- rgb(211 172 206)
- HSL
- hsl(308 31% 75%)
- HWB
- hwb(308 67% 17%)
- OKLCH
- oklch(0.79 0.064 330.5)
- OKLab
- oklab(0.79 0.056 -0.032)
- CIE Lab
- lab(74.7 18.92 -11.71)
- LCH
- lch(74.7 22.25 328.3)
- CMYK
- cmyk(0% 18% 2% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D8B4D3
- DCBCD8
- E0C5DD
- E5CDE2
- E9D5E6
- EEDDEB
- F2E6F0
- F6EEF5
- FBF7FA
深色调
- B795B3
- 9C7F98
- 82697F
- 695466
- 51404E
- 3A2D38
- 241B23
- 100B0F
- 020102
灰色调
- CAA8C6
- C2A3BE
- BA9FB6
- B19AAE
- A996A6
- A1929F
- 988D97
- 90898F
- 888488
配色和谐
互补色 +180°
- D3ACCE
Queenly
- 9DC7A5
≈ French Market
类似色 -30° +30°
- D3ACCE
Queenly
- C1B2DE
≈ Moonraker
- DEAAB8
≈ Apple Infusion
三角配色 +120° +240°
- D3ACCE
Queenly
- CAB98B
≈ Canvas Satchel
- 89C6D2
≈ Maiden Voyage
分裂互补色 +150° +210°
- D3ACCE
Queenly
- B4C193
≈ Harmonious
- 8CC8BC
≈ Tranquil Teal
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.56:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--queenly: #d3acce;
--queenly-rgb: 211 172 206;
--queenly-oklch: oklch(0.79 0.064 330.5);
}
.element {
color: var(--queenly);
background-color: hsl(308 31% 75%);
border-color: oklch(0.79 0.064 330.5);
}Tailwind CSS v4
@theme {
--color-queenly: #d3acce;
--color-queenly-50: #ffeffd;
--color-queenly-100: #f6e0f1;
--color-queenly-200: #e6cbe0;
--color-queenly-300: #ccacc6;
--color-queenly-400: #b591b0;
--color-queenly-500: #9f779a;
--color-queenly-600: #866582;
--color-queenly-700: #6c5068;
--color-queenly-800: #4f3a4e;
--color-queenly-900: #372836;
--color-queenly-950: #221621;
}SCSS
$queenly: #d3acce;
$queenly-rgb: 211, 172, 206;
$queenly-light: mix(#fff, $queenly, 20%);
$queenly-dark: mix(#000, $queenly, 20%);
.element {
color: $queenly;
box-shadow: 0 0 0 2px rgba($queenly, 0.35);
}