命名颜色 · #FBD6CA

Blossom Tint

Blossom Tint 即 #FBD6CA：rgb(251 214 202)、hsl(15 86% 89%)、oklch(0.904 0.045 38.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Pink mean? → · Blossom Tint color name →

#FBD6CA

oklch(0.904 0.045 38.8)

颜色转换

HEX: #fbd6ca
RGB: rgb(251 214 202)
HSL: hsl(15 86% 89%)
HWB: hwb(15 79% 2%)
OKLCH: oklch(0.904 0.045 38.8)
OKLab: oklab(0.904 0.035 0.028)
CIE Lab: lab(88.57 11.98 10.99)
LCH: lch(88.57 16.25 42.5)
CMYK: cmyk(0% 15% 20% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FCDACF
FCDED5
FDE2DA
FDE6DF
FDEBE4
FEEFEA
FEF3EF
FFF7F4
FFFBFA

深色调

DABAAF
BA9E95
9C847C
7E6A64
61524D
463B37
2D2522
15100F
030202

灰色调

EECDC2
E1C4BB
D5BBB3
C8B3AC
BCAAA4
B0A29D
A49996
98918E
8C8887

配色和谐

互补色 +180°

FBD6CA
Blossom Tint
BFE7F4
≈ Skylark

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.34:1 · APCA Lc 17

Fail

黑底

WCAG 15.57:1 · APCA Lc 87

AAA

最佳文字颜色: #000000

WCAG 15.57:1 (AAA) · APCA Lc 87

Contrast pairs

代码片段

CSS

:root {
  --blossom-tint: #fbd6ca;
  --blossom-tint-rgb: 251 214 202;
  --blossom-tint-oklch: oklch(0.904 0.045 38.8);
}

.element {
  color: var(--blossom-tint);
  background-color: hsl(15 86% 89%);
  border-color: oklch(0.904 0.045 38.8);
}

Tailwind CSS v4

@theme {
  --color-blossom-tint: #fbd6ca;
  --color-blossom-tint-50: #fff1ec;
  --color-blossom-tint-100: #f6e3dd;
  --color-blossom-tint-200: #e6cec6;
  --color-blossom-tint-300: #cdb0a6;
  --color-blossom-tint-400: #b7968b;
  --color-blossom-tint-500: #a17c71;
  --color-blossom-tint-600: #88695f;
  --color-blossom-tint-700: #6d544c;
  --color-blossom-tint-800: #513d38;
  --color-blossom-tint-900: #382a26;
  --color-blossom-tint-950: #231814;
}

SCSS

$blossom-tint: #fbd6ca;
$blossom-tint-rgb: 251, 214, 202;
$blossom-tint-light: mix(#fff, $blossom-tint, 20%);
$blossom-tint-dark: mix(#000, $blossom-tint, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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