命名颜色 · #E0CAAA

Marshmallow Mist

Marshmallow Mist 即 #E0CAAA：rgb(224 202 170)、hsl(36 47% 77%)、oklch(0.849 0.049 77.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Marshmallow Mist color name →

#E0CAAA

oklch(0.849 0.049 77.2)

颜色转换

HEX: #e0caaa
RGB: rgb(224 202 170)
HSL: hsl(36 47% 77%)
HWB: hwb(36 67% 12%)
OKLCH: oklch(0.849 0.049 77.2)
OKLab: oklab(0.849 0.011 0.048)
CIE Lab: lab(82.57 4.34 19)
LCH: lch(82.57 19.49 77.1)
CMYK: cmyk(0% 10% 24% 12%)

浅色调 · 深色调 · 灰色调

浅色调

E3CFB2
E6D5BB
E9DAC3
ECDFCC
F0E4D4
F3EADD
F6EFE5
F9F4EE
FCFAF6

深色调

C3AF93
A6957D
8A7C68
706453
564D3F
3E372D
27221B
120F0B
020201

灰色调

D6C2A6
CCBBA2
C2B39E
B9AC99
AFA495
A59D91
9C968D
928E89
898784

配色和谐

互补色 +180°

E0CAAA
Marshmallow Mist
B9CFEE
≈ Frost Fairy

类似色 -30° +30°

三角配色 +120° +240°

E0CAAA
Marshmallow Mist
A8D8D9
≈ Crystal
DBC4E3
≈ Epiphany

分裂互补色 +150° +210°

E0CAAA
Marshmallow Mist
ACD5E7
≈ Monaco
CBC9ED
≈ Soap

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

对比度与无障碍

白底

WCAG 1.59:1 · APCA Lc 27

Fail

黑底

WCAG 13.19:1 · APCA Lc 76

AAA

最佳文字颜色: #000000

WCAG 13.19:1 (AAA) · APCA Lc 76

Contrast pairs

代码片段

CSS

:root {
  --marshmallow-mist: #e0caaa;
  --marshmallow-mist-rgb: 224 202 170;
  --marshmallow-mist-oklch: oklch(0.849 0.049 77.2);
}

.element {
  color: var(--marshmallow-mist);
  background-color: hsl(36 47% 77%);
  border-color: oklch(0.849 0.049 77.2);
}

Tailwind CSS v4

@theme {
  --color-marshmallow-mist: #e0caaa;
  --color-marshmallow-mist-50: #fdf4e6;
  --color-marshmallow-mist-100: #f1e6d6;
  --color-marshmallow-mist-200: #e0d2bd;
  --color-marshmallow-mist-300: #c5b59c;
  --color-marshmallow-mist-400: #af9b7e;
  --color-marshmallow-mist-500: #998261;
  --color-marshmallow-mist-600: #816e53;
  --color-marshmallow-mist-700: #675842;
  --color-marshmallow-mist-800: #4d402f;
  --color-marshmallow-mist-900: #352c20;
  --color-marshmallow-mist-950: #201910;
}

SCSS

$marshmallow-mist: #e0caaa;
$marshmallow-mist-rgb: 224, 202, 170;
$marshmallow-mist-light: mix(#fff, $marshmallow-mist, 20%);
$marshmallow-mist-dark: mix(#000, $marshmallow-mist, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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