命名颜色 · #FEFEFA

Baby Powder

Baby Powder 即 #FEFEFA：rgb(254 254 250)、hsl(60 67% 99%)、oklch(0.996 0.005 106.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Baby Powder color name →

#FEFEFA

oklch(0.996 0.005 106.5)

颜色转换

HEX: #fefefa
RGB: rgb(254 254 250)
HSL: hsl(60 67% 99%)
HWB: hwb(60 98% 0%)
OKLCH: oklch(0.996 0.005 106.5)
OKLab: oklab(0.996 -0.001 0.005)
CIE Lab: lab(99.57 -0.52 1.92)
LCH: lch(99.57 1.99 105.1)
CMYK: cmyk(0% 0% 2% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FEFEFB
FEFEFB
FEFEFC
FEFEFC
FEFFFD
FFFFFD
FFFFFE
FFFFFE
FFFFFF

深色调

DDDDD9
BDBDBA
9E9E9B
80807D
636361
474746
2D2D2D
161615
030303

灰色调

F1F1ED
E4E4E0
D7D7D4
CACAC7
BDBDBB
B0B0AF
A4A4A3
989897
8C8C8B

配色和谐

互补色 +180°

FEFEFA
Baby Powder
FDFDFF
≈ Pale Grey

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.01:1 · APCA Lc 0

Fail

黑底

WCAG 20.77:1 · APCA Lc 107

AAA

最佳文字颜色: #000000

WCAG 20.77:1 (AAA) · APCA Lc 107

Contrast pairs

代码片段

CSS

:root {
  --baby-powder: #fefefa;
  --baby-powder-rgb: 254 254 250;
  --baby-powder-oklch: oklch(0.996 0.005 106.5);
}

.element {
  color: var(--baby-powder);
  background-color: hsl(60 67% 99%);
  border-color: oklch(0.996 0.005 106.5);
}

Tailwind CSS v4

@theme {
  --color-baby-powder: #fefefa;
  --color-baby-powder-50: #f5f5f3;
  --color-baby-powder-100: #e8e8e6;
  --color-baby-powder-200: #d4d4d2;
  --color-baby-powder-300: #b7b7b4;
  --color-baby-powder-400: #9f9f9b;
  --color-baby-powder-500: #868682;
  --color-baby-powder-600: #72726e;
  --color-baby-powder-700: #5b5b58;
  --color-baby-powder-800: #424240;
  --color-baby-powder-900: #2e2e2c;
  --color-baby-powder-950: #1b1b19;
}

SCSS

$baby-powder: #fefefa;
$baby-powder-rgb: 254, 254, 250;
$baby-powder-light: mix(#fff, $baby-powder, 20%);
$baby-powder-dark: mix(#000, $baby-powder, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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