命名颜色 · #C99F93

Adobe Glow

Adobe Glow 即 #C99F93：rgb(201 159 147)、hsl(13 33% 68%)、oklch(0.738 0.053 36.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Adobe Glow color name →

#C99F93

oklch(0.738 0.053 36.5)

颜色转换

HEX: #c99f93
RGB: rgb(201 159 147)
HSL: hsl(13 33% 68%)
HWB: hwb(13 58% 21%)
OKLCH: oklch(0.738 0.053 36.5)
OKLab: oklab(0.738 0.043 0.032)
CIE Lab: lab(69.2 14.76 12.54)
LCH: lch(69.2 19.36 40.3)
CMYK: cmyk(0% 21% 27% 21%)

浅色调 · 深色调 · 灰色调

浅色调

CFA89D
D4B2A8
DABBB2
DFC5BD
E5CEC8
EAD8D3
EFE2DE
F5EBE9
FAF5F4

深色调

AE8A7F
95756C
7C6159
644D47
4C3B36
362925
221816
0F0908
020101

灰色调

C29C91
BA998F
B3968D
AC938C
A4908A
9D8C88
968986
8F8684
878382

配色和谐

互补色 +180°

C99F93
Adobe Glow
84B3C0
≈ Thistleblossom Soft Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.36:1 · APCA Lc 47

Fail

黑底

WCAG 8.86:1 · APCA Lc 55

AAA

最佳文字颜色: #000000

WCAG 8.86:1 (AAA) · APCA Lc 55

Contrast pairs

代码片段

CSS

:root {
  --adobe-glow: #c99f93;
  --adobe-glow-rgb: 201 159 147;
  --adobe-glow-oklch: oklch(0.738 0.053 36.5);
}

.element {
  color: var(--adobe-glow);
  background-color: hsl(13 33% 68%);
  border-color: oklch(0.738 0.053 36.5);
}

Tailwind CSS v4

@theme {
  --color-adobe-glow: #c99f93;
  --color-adobe-glow-50: #fff0ea;
  --color-adobe-glow-100: #f9e2db;
  --color-adobe-glow-200: #eacdc4;
  --color-adobe-glow-300: #d1afa4;
  --color-adobe-glow-400: #bb9489;
  --color-adobe-glow-500: #a67a6e;
  --color-adobe-glow-600: #8c675d;
  --color-adobe-glow-700: #70534a;
  --color-adobe-glow-800: #533c36;
  --color-adobe-glow-900: #3a2925;
  --color-adobe-glow-950: #241714;
}

SCSS

$adobe-glow: #c99f93;
$adobe-glow-rgb: 201, 159, 147;
$adobe-glow-light: mix(#fff, $adobe-glow, 20%);
$adobe-glow-dark: mix(#000, $adobe-glow, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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