命名颜色 · #979EA1

Happy Cement

Happy Cement 即 #979EA1：rgb(151 158 161)、hsl(198 5% 61%)、oklch(0.695 0.009 225.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Happy Cement color name →

#979EA1

oklch(0.695 0.009 225.1)

颜色转换

HEX: #979ea1
RGB: rgb(151 158 161)
HSL: hsl(198 5% 61%)
HWB: hwb(198 59% 37%)
OKLCH: oklch(0.695 0.009 225.1)
OKLab: oklab(0.695 -0.006 -0.007)
CIE Lab: lab(64.61 -2.15 -2.49)
LCH: lch(64.61 3.28 229.2)
CMYK: cmyk(6% 2% 0% 37%)

浅色调 · 深色调 · 灰色调

浅色调

A1A7AA
ABB1B3
B5BABC
BFC4C6
CACDCF
D4D7D8
DFE1E2
E9EBEC
F4F5F5

深色调

83898B
6F7476
5C6062
494D4E
373A3C
26292A
171819
080909
010101

灰色调

959B9E
92989A
909597
8E9294
8B8F90
898C8D
87898A
858686
828383

配色和谐

互补色 +180°

979EA1
Happy Cement
A29B98
≈ Flint Grey

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.71:1 · APCA Lc 53

Fail

黑底

WCAG 7.72:1 · APCA Lc 49

AAA

最佳文字颜色: #000000

WCAG 7.72:1 (AAA) · APCA Lc 49

Contrast pairs

代码片段

CSS

:root {
  --happy-cement: #979ea1;
  --happy-cement-rgb: 151 158 161;
  --happy-cement-oklch: oklch(0.695 0.009 225.1);
}

.element {
  color: var(--happy-cement);
  background-color: hsl(198 5% 61%);
  border-color: oklch(0.695 0.009 225.1);
}

Tailwind CSS v4

@theme {
  --color-happy-cement: #979ea1;
  --color-happy-cement-50: #f2f6f7;
  --color-happy-cement-100: #e5e8ea;
  --color-happy-cement-200: #d0d5d7;
  --color-happy-cement-300: #b3b8bb;
  --color-happy-cement-400: #99a0a2;
  --color-happy-cement-500: #80888b;
  --color-happy-cement-600: #6c7375;
  --color-happy-cement-700: #575c5e;
  --color-happy-cement-800: #3f4345;
  --color-happy-cement-900: #2b2e2f;
  --color-happy-cement-950: #191b1c;
}

SCSS

$happy-cement: #979ea1;
$happy-cement-rgb: 151, 158, 161;
$happy-cement-light: mix(#fff, $happy-cement, 20%);
$happy-cement-dark: mix(#000, $happy-cement, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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