命名颜色 · #B0534D

Fortune Red

Fortune Red 即 #B0534D：rgb(176 83 77)、hsl(4 39% 50%)、oklch(0.557 0.123 25.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Fortune Red color name →

#B0534D

oklch(0.557 0.123 25.6)

颜色转换

HEX: #b0534d
RGB: rgb(176 83 77)
HSL: hsl(4 39% 50%)
HWB: hwb(4 30% 31%)
OKLCH: oklch(0.557 0.123 25.6)
OKLab: oklab(0.557 0.111 0.053)
CIE Lab: lab(47.38 38.35 22.48)
LCH: lch(47.38 44.45 30.4)
CMYK: cmyk(0% 53% 56% 31%)

浅色调 · 深色调 · 灰色调

浅色调

B9645E
C2756F
CB8680
D49791
DCA8A3
E3B9B5
EBCBC7
F2DCD9
F9EDEC

深色调

994742
823B37
6C302C
562522
421B18
2E110F
1C0807
0B0202
010000

灰色调

AC5952
A85E58
A4635D
A06762
9B6C67
96706C
917471
8C7876
867C7B

配色和谐

互补色 +180°

B0534D
Fortune Red
00838E
≈ True Teal

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 5.01:1 · APCA Lc 74

黑底

WCAG 4.19:1 · APCA Lc 28

Fail

最佳文字颜色: #FFFFFF

WCAG 5.01:1 (AA) · APCA Lc 74

Contrast pairs

代码片段

CSS

:root {
  --fortune-red: #b0534d;
  --fortune-red-rgb: 176 83 77;
  --fortune-red-oklch: oklch(0.557 0.123 25.6);
}

.element {
  color: var(--fortune-red);
  background-color: hsl(4 39% 50%);
  border-color: oklch(0.557 0.123 25.6);
}

Tailwind CSS v4

@theme {
  --color-fortune-red: #b0534d;
  --color-fortune-red-50: #ffe9e2;
  --color-fortune-red-100: #ffd9d2;
  --color-fortune-red-200: #ffc1b8;
  --color-fortune-red-300: #f09f95;
  --color-fortune-red-400: #de8079;
  --color-fortune-red-500: #cb625b;
  --color-fortune-red-600: #ab534d;
  --color-fortune-red-700: #8a423d;
  --color-fortune-red-800: #662f2d;
  --color-fortune-red-900: #48201f;
  --color-fortune-red-950: #2f0f0e;
}

SCSS

$fortune-red: #b0534d;
$fortune-red-rgb: 176, 83, 77;
$fortune-red-light: mix(#fff, $fortune-red, 20%);
$fortune-red-dark: mix(#000, $fortune-red, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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