命名颜色 · #A76464

Rose Marquee

Rose Marquee 即 #A76464：rgb(167 100 100)、hsl(0 28% 52%)、oklch(0.578 0.087 20.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Rose Marquee color name →

#A76464

oklch(0.578 0.087 20.1)

颜色转换

HEX: #a76464
RGB: rgb(167 100 100)
HSL: hsl(0 28% 52%)
HWB: hwb(0 39% 35%)
OKLCH: oklch(0.578 0.087 20.1)
OKLab: oklab(0.578 0.082 0.03)
CIE Lab: lab(50.1 27.74 12.19)
LCH: lch(50.1 30.3 23.7)
CMYK: cmyk(0% 40% 40% 35%)

浅色调 · 深色调 · 灰色调

浅色调

B17372
BA8281
C39190
CCA09F
D5B0AF
DEBFBE
E6CFCE
EFDFDE
F7EFEF

深色调

915656
7B4848
663B3B
522E2E
3E2222
2C1616
1A0B0B
0A0303
010000

灰色调

A46767
A06A6A
9D6D6C
99706F
957372
917675
8D7878
897B7A
857E7D

配色和谐

互补色 +180°

A76464
Rose Marquee
27898E
≈ Turkish Jade

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.51:1 · APCA Lc 71

黑底

WCAG 4.64:1 · APCA Lc 31

最佳文字颜色: #000000

WCAG 4.64:1 (AA) · APCA Lc 31

Contrast pairs

代码片段

CSS

:root {
  --rose-marquee: #a76464;
  --rose-marquee-rgb: 167 100 100;
  --rose-marquee-oklch: oklch(0.578 0.087 20.1);
}

.element {
  color: var(--rose-marquee);
  background-color: hsl(0 28% 52%);
  border-color: oklch(0.578 0.087 20.1);
}

Tailwind CSS v4

@theme {
  --color-rose-marquee: #a76464;
  --color-rose-marquee-50: #ffecea;
  --color-rose-marquee-100: #ffdddb;
  --color-rose-marquee-200: #f8c6c4;
  --color-rose-marquee-300: #e1a6a3;
  --color-rose-marquee-400: #cd8a89;
  --color-rose-marquee-500: #b96e6e;
  --color-rose-marquee-600: #9c5d5d;
  --color-rose-marquee-700: #7d4a4a;
  --color-rose-marquee-800: #5d3637;
  --color-rose-marquee-900: #412525;
  --color-rose-marquee-950: #291314;
}

SCSS

$rose-marquee: #a76464;
$rose-marquee-rgb: 167, 100, 100;
$rose-marquee-light: mix(#fff, $rose-marquee, 20%);
$rose-marquee-dark: mix(#000, $rose-marquee, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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