命名颜色 · #FFCCC8

Pretty Please

Pretty Please 即 #FFCCC8：rgb(255 204 200)、hsl(4 100% 89%)、oklch(0.889 0.058 23.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Pink mean? → · Pretty Please color name →

#FFCCC8

oklch(0.889 0.058 23.5)

颜色转换

HEX: #ffccc8
RGB: rgb(255 204 200)
HSL: hsl(4 100% 89%)
HWB: hwb(4 78% 0%)
OKLCH: oklch(0.889 0.058 23.5)
OKLab: oklab(0.889 0.054 0.023)
CIE Lab: lab(86.52 18.17 9.23)
LCH: lch(86.52 20.38 26.9)
CMYK: cmyk(0% 20% 22% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFD1CD
FFD6D3
FFDBD8
FFE0DE
FFE6E3
FFEBE9
FFF0EE
FFF5F4
FFFAF9

深色调

DEB1AE
BE9794
9E7E7B
806563
634E4C
483736
2E2221
160F0F
030202

灰色调

F2C4C1
E5BCB9
D8B5B2
CBADAB
BEA5A3
B19E9C
A59695
998F8E
8C8787

配色和谐

互补色 +180°

FFCCC8
Pretty Please
ADE6EC
≈ Uranus

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.42:1 · APCA Lc 20

Fail

黑底

WCAG 14.72:1 · APCA Lc 83

AAA

最佳文字颜色: #000000

WCAG 14.72:1 (AAA) · APCA Lc 83

Contrast pairs

代码片段

CSS

:root {
  --pretty-please: #ffccc8;
  --pretty-please-rgb: 255 204 200;
  --pretty-please-oklch: oklch(0.889 0.058 23.5);
}

.element {
  color: var(--pretty-please);
  background-color: hsl(4 100% 89%);
  border-color: oklch(0.889 0.058 23.5);
}

Tailwind CSS v4

@theme {
  --color-pretty-please: #ffccc8;
  --color-pretty-please-50: #ffefed;
  --color-pretty-please-100: #fbe1de;
  --color-pretty-please-200: #eccbc8;
  --color-pretty-please-300: #d4aca8;
  --color-pretty-please-400: #bf918e;
  --color-pretty-please-500: #aa7774;
  --color-pretty-please-600: #8f6562;
  --color-pretty-please-700: #73514e;
  --color-pretty-please-800: #553a39;
  --color-pretty-please-900: #3b2827;
  --color-pretty-please-950: #251615;
}

SCSS

$pretty-please: #ffccc8;
$pretty-please-rgb: 255, 204, 200;
$pretty-please-light: mix(#fff, $pretty-please, 20%);
$pretty-please-dark: mix(#000, $pretty-please, 20%);

.element {
  color: $pretty-please;
  box-shadow: 0 0 0 2px rgba($pretty-please, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API