命名颜色 · #FFDFE8

Baby Girl

Baby Girl 即 #FFDFE8：rgb(255 223 232)、hsl(343 100% 94%)、oklch(0.933 0.037 359)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Pink mean? → · Baby Girl color name →

#FFDFE8

oklch(0.933 0.037 359)

颜色转换

HEX: #ffdfe8
RGB: rgb(255 223 232)
HSL: hsl(343 100% 94%)
HWB: hwb(343 87% 0%)
OKLCH: oklch(0.933 0.037 359)
OKLab: oklab(0.933 0.037 -0.001)
CIE Lab: lab(91.7 12.47 -0.13)
LCH: lch(91.7 12.47 359.4)
CMYK: cmyk(0% 13% 9% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFE2EA
FFE5ED
FFE9EF
FFECF1
FFEFF3
FFF2F6
FFF5F8
FFF9FA
FFFCFD

深色调

DEC2CA
BEA5AC
9E8A90
806F74
635659
483D40
2E2729
161213
030203

灰色调

F2D5DD
E4CBD2
D7C2C8
CBB8BD
BEAEB3
B1A5A8
A59C9E
989294
8C898A

配色和谐

互补色 +180°

FFDFE8
Baby Girl
CFF1E9
≈ Teal Ice

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.23:1 · APCA Lc 12

Fail

黑底

WCAG 16.97:1 · APCA Lc 92

AAA

最佳文字颜色: #000000

WCAG 16.97:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --baby-girl: #ffdfe8;
  --baby-girl-rgb: 255 223 232;
  --baby-girl-oklch: oklch(0.933 0.037 359);
}

.element {
  color: var(--baby-girl);
  background-color: hsl(343 100% 94%);
  border-color: oklch(0.933 0.037 359);
}

Tailwind CSS v4

@theme {
  --color-baby-girl: #ffdfe8;
  --color-baby-girl-50: #fff1f4;
  --color-baby-girl-100: #f3e3e7;
  --color-baby-girl-200: #e3ced3;
  --color-baby-girl-300: #c9b0b6;
  --color-baby-girl-400: #b2969e;
  --color-baby-girl-500: #9c7c85;
  --color-baby-girl-600: #846971;
  --color-baby-girl-700: #69545a;
  --color-baby-girl-800: #4d3d42;
  --color-baby-girl-900: #362a2e;
  --color-baby-girl-950: #21181b;
}

SCSS

$baby-girl: #ffdfe8;
$baby-girl-rgb: 255, 223, 232;
$baby-girl-light: mix(#fff, $baby-girl, 20%);
$baby-girl-dark: mix(#000, $baby-girl, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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