命名颜色 · #FAECD1

Nice Cream

Nice Cream 即 #FAECD1：rgb(250 236 209)、hsl(40 80% 90%)、oklch(0.947 0.039 83.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Nice Cream color name →

#FAECD1

oklch(0.947 0.039 83.8)

颜色转换

HEX: #faecd1
RGB: rgb(250 236 209)
HSL: hsl(40 80% 90%)
HWB: hwb(40 82% 2%)
OKLCH: oklch(0.947 0.039 83.8)
OKLab: oklab(0.947 0.004 0.038)
CIE Lab: lab(94 1.71 14.94)
LCH: lch(94 15.04 83.5)
CMYK: cmyk(0% 6% 16% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FBEED6
FBF0DA
FCF2DF
FCF4E3
FDF6E8
FDF7ED
FEF9F1
FEFBF6
FFFDFA

深色调

D9CDB5
BAAF9B
9B9281
7D7668
615B50
464239
2D2923
151310
030302

灰色调

EDE1C9
E0D5C0
D4CAB8
C7BFB0
BBB5A8
AFAAA0
A39F98
979590
8C8A88

配色和谐

互补色 +180°

FAECD1
Nice Cream
E5EEFF
≈ Brilliant White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.16:1 · APCA Lc 8

Fail

黑底

WCAG 17.98:1 · APCA Lc 96

AAA

最佳文字颜色: #000000

WCAG 17.98:1 (AAA) · APCA Lc 96

Contrast pairs

代码片段

CSS

:root {
  --nice-cream: #faecd1;
  --nice-cream-rgb: 250 236 209;
  --nice-cream-oklch: oklch(0.947 0.039 83.8);
}

.element {
  color: var(--nice-cream);
  background-color: hsl(40 80% 90%);
  border-color: oklch(0.947 0.039 83.8);
}

Tailwind CSS v4

@theme {
  --color-nice-cream: #faecd1;
  --color-nice-cream-50: #faf5e9;
  --color-nice-cream-100: #eee7da;
  --color-nice-cream-200: #dcd3c2;
  --color-nice-cream-300: #c0b6a2;
  --color-nice-cream-400: #a99d85;
  --color-nice-cream-500: #928469;
  --color-nice-cream-600: #7c7059;
  --color-nice-cream-700: #635a47;
  --color-nice-cream-800: #494133;
  --color-nice-cream-900: #332d23;
  --color-nice-cream-950: #1e1a12;
}

SCSS

$nice-cream: #faecd1;
$nice-cream-rgb: 250, 236, 209;
$nice-cream-light: mix(#fff, $nice-cream, 20%);
$nice-cream-dark: mix(#000, $nice-cream, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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