命名颜色 · #EEBB99

Caramel Powder

Caramel Powder 即 #EEBB99：rgb(238 187 153)、hsl(24 71% 77%)、oklch(0.83 0.075 55.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Caramel Powder color name →

#EEBB99

oklch(0.83 0.075 55.1)

颜色转换

HEX: #eebb99
RGB: rgb(238 187 153)
HSL: hsl(24 71% 77%)
HWB: hwb(24 60% 7%)
OKLCH: oklch(0.83 0.075 55.1)
OKLab: oklab(0.83 0.043 0.061)
CIE Lab: lab(79.94 15.63 24.66)
LCH: lch(79.94 29.2 57.6)
CMYK: cmyk(0% 21% 36% 7%)

浅色调 · 深色调 · 灰色调

浅色调

F0C2A3
F2C9AD
F4CFB8
F6D6C2
F7DDCC
F9E4D6
FBEBE0
FCF1EA
FEF8F5

深色调

CFA284
B18A70
93735D
775C4A
5C4638
423227
2A1F17
140D08
030201

灰色调

E3B597
D7AF94
CCA992
C1A390
B69D8D
AB978B
A09288
958C85
8B8683

配色和谐

互补色 +180°

EEBB99
Caramel Powder
98D0F1
≈ Fail Whale

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.72:1 · APCA Lc 31

Fail

黑底

WCAG 12.20:1 · APCA Lc 72

AAA

最佳文字颜色: #000000

WCAG 12.20:1 (AAA) · APCA Lc 72

Contrast pairs

代码片段

CSS

:root {
  --caramel-powder: #eebb99;
  --caramel-powder-rgb: 238 187 153;
  --caramel-powder-oklch: oklch(0.83 0.075 55.1);
}

.element {
  color: var(--caramel-powder);
  background-color: hsl(24 71% 77%);
  border-color: oklch(0.83 0.075 55.1);
}

Tailwind CSS v4

@theme {
  --color-caramel-powder: #eebb99;
  --color-caramel-powder-50: #fff0e1;
  --color-caramel-powder-100: #fce2d0;
  --color-caramel-powder-200: #eecdb6;
  --color-caramel-powder-300: #d6ae92;
  --color-caramel-powder-400: #c19374;
  --color-caramel-powder-500: #ad7955;
  --color-caramel-powder-600: #926649;
  --color-caramel-powder-700: #75523a;
  --color-caramel-powder-800: #573b29;
  --color-caramel-powder-900: #3d291c;
  --color-caramel-powder-950: #26160c;
}

SCSS

$caramel-powder: #eebb99;
$caramel-powder-rgb: 238, 187, 153;
$caramel-powder-light: mix(#fff, $caramel-powder, 20%);
$caramel-powder-dark: mix(#000, $caramel-powder, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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