命名颜色 · #DD8888
Finest Blush
Finest Blush 即 #DD8888：rgb(221 136 136)、hsl(0 56% 70%)、oklch(0.716 0.105 20)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Finest Blush color name →
#DD8888
oklch(0.716 0.105 20)
颜色转换
- HEX
- #dd8888
- RGB
- rgb(221 136 136)
- HSL
- hsl(0 56% 70%)
- HWB
- hwb(0 53% 13%)
- OKLCH
- oklch(0.716 0.105 20)
- OKLab
- oklab(0.716 0.098 0.036)
- CIE Lab
- lab(65.93 33.35 14.55)
- LCH
- lch(65.93 36.39 23.6)
- CMYK
- cmyk(0% 38% 38% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E19493
- E6A09F
- EAACAB
- EDB7B6
- F1C3C2
- F4CFCE
- F7DBDA
- FAE7E6
- FDF3F3
深色调
- C07575
- A46363
- 885252
- 6E4141
- 553131
- 3D2222
- 261313
- 110606
- 020101
灰色调
- D48887
- CB8787
- C28786
- B98685
- AF8584
- A68483
- 9D8383
- 938282
- 8A8181
配色和谐
互补色 +180°
- DD8888
Finest Blush
- 3EB7BD
≈ Montego Bay
类似色 -30° +30°
- DD8888
Finest Blush
- D588AC
≈ Berry Twist
- D88F66
≈ Copper Pipe
三角配色 +120° +240°
- DD8888
Finest Blush
- 80B374
≈ Joshua Tree
- 7CA4E5
≈ Greek Sea
分裂互补色 +150° +210°
- DD8888
Finest Blush
- 56B899
≈ Keppel
- 55AFD8
≈ Epimetheus
四角配色 +90° +180° +270°
- DD8888
Finest Blush
- A7A958
≈ Spinach Banana Smoothie
- 3EB7BD
≈ Montego Bay
- A298E0
≈ Dull Lavender
对比度与无障碍
Ag
Fail白底
WCAG 2.64:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.95:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--finest-blush: #dd8888;
--finest-blush-rgb: 221 136 136;
--finest-blush-oklch: oklch(0.716 0.105 20);
}
.element {
color: var(--finest-blush);
background-color: hsl(0 56% 70%);
border-color: oklch(0.716 0.105 20);
}Tailwind CSS v4
@theme {
--color-finest-blush: #dd8888;
--color-finest-blush-50: #ffeae8;
--color-finest-blush-100: #ffdbd8;
--color-finest-blush-200: #fec3c0;
--color-finest-blush-300: #e8a29f;
--color-finest-blush-400: #d58585;
--color-finest-blush-500: #c26869;
--color-finest-blush-600: #a45859;
--color-finest-blush-700: #834647;
--color-finest-blush-800: #623235;
--color-finest-blush-900: #442224;
--color-finest-blush-950: #2c1113;
}SCSS
$finest-blush: #dd8888;
$finest-blush-rgb: 221, 136, 136;
$finest-blush-light: mix(#fff, $finest-blush, 20%);
$finest-blush-dark: mix(#000, $finest-blush, 20%);
.element {
color: $finest-blush;
box-shadow: 0 0 0 2px rgba($finest-blush, 0.35);
}