命名颜色 · #FBE9AC

Lemon Rose

Lemon Rose 即 #FBE9AC：rgb(251 233 172)、hsl(46 91% 83%)、oklch(0.934 0.08 93.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Lemon Rose color name →

#FBE9AC

oklch(0.934 0.08 93.6)

颜色转换

HEX: #fbe9ac
RGB: rgb(251 233 172)
HSL: hsl(46 91% 83%)
HWB: hwb(46 67% 2%)
OKLCH: oklch(0.934 0.08 93.6)
OKLab: oklab(0.934 -0.005 0.08)
CIE Lab: lab(92.74 -0.17 32.08)
LCH: lch(92.74 32.08 90.3)
CMYK: cmyk(0% 7% 31% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FBEBB5
FCEEBD
FCF0C6
FDF2CE
FDF4D6
FDF6DF
FEF9E7
FEFBEF
FFFDF7

深色调

DACB95
BAAD7F
9C9069
7E7454
615A40
46412D
2D291B
15130B
030301

灰色调

EEDEA8
E1D3A4
D5C9A0
C8BE9B
BCB397
AFA993
A39E8E
979489
8C8A85

配色和谐

互补色 +180°

FBE9AC
Lemon Rose
E2E8FF
≈ Cyber Lavender

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.21:1 · APCA Lc 10

Fail

黑底

WCAG 17.35:1 · APCA Lc 94

AAA

最佳文字颜色: #000000

WCAG 17.35:1 (AAA) · APCA Lc 94

Contrast pairs

代码片段

CSS

:root {
  --lemon-rose: #fbe9ac;
  --lemon-rose-rgb: 251 233 172;
  --lemon-rose-oklch: oklch(0.934 0.08 93.6);
}

.element {
  color: var(--lemon-rose);
  background-color: hsl(46 91% 83%);
  border-color: oklch(0.934 0.08 93.6);
}

Tailwind CSS v4

@theme {
  --color-lemon-rose: #fbe9ac;
  --color-lemon-rose-50: #fcf6dc;
  --color-lemon-rose-100: #f0e8ca;
  --color-lemon-rose-200: #ded5ae;
  --color-lemon-rose-300: #c4b889;
  --color-lemon-rose-400: #ae9e67;
  --color-lemon-rose-500: #988544;
  --color-lemon-rose-600: #80713a;
  --color-lemon-rose-700: #675a2e;
  --color-lemon-rose-800: #4c4120;
  --color-lemon-rose-900: #352d15;
  --color-lemon-rose-950: #201a07;
}

SCSS

$lemon-rose: #fbe9ac;
$lemon-rose-rgb: 251, 233, 172;
$lemon-rose-light: mix(#fff, $lemon-rose, 20%);
$lemon-rose-dark: mix(#000, $lemon-rose, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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