命名颜色 · #6D758F

Legal Eagle

Legal Eagle 即 #6D758F：rgb(109 117 143)、hsl(226 13% 49%)、oklch(0.565 0.041 271.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Blue mean? → · Legal Eagle color name →

#6D758F

oklch(0.565 0.041 271.6)

颜色转换

HEX: #6d758f
RGB: rgb(109 117 143)
HSL: hsl(226 13% 49%)
HWB: hwb(226 43% 44%)
OKLCH: oklch(0.565 0.041 271.6)
OKLab: oklab(0.565 0.001 -0.041)
CIE Lab: lab(49.28 1.44 -15.3)
LCH: lch(49.28 15.37 275.4)
CMYK: cmyk(24% 18% 0% 44%)

浅色调 · 深色调 · 灰色调

浅色调

7B829A
888FA5
969CB0
A5AABB
B3B8C6
C2C6D1
D1D4DD
E0E2E8
EFF0F3

深色调

5E657C
4F5569
414657
333745
262934
191C24
0D0F15
040507
010101

灰色调

6F768E
71778C
73788B
757A89
767B88
787C86
7A7D85
7C7E83
7E7F82

配色和谐

互补色 +180°

6D758F
Legal Eagle
7F765A
≈ Private Affair

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.57:1 · APCA Lc 72

黑底

WCAG 4.59:1 · APCA Lc 30

最佳文字颜色: #000000

WCAG 4.59:1 (AA) · APCA Lc 30

Contrast pairs

代码片段

CSS

:root {
  --legal-eagle: #6d758f;
  --legal-eagle-rgb: 109 117 143;
  --legal-eagle-oklch: oklch(0.565 0.041 271.6);
}

.element {
  color: var(--legal-eagle);
  background-color: hsl(226 13% 49%);
  border-color: oklch(0.565 0.041 271.6);
}

Tailwind CSS v4

@theme {
  --color-legal-eagle: #6d758f;
  --color-legal-eagle-50: #f1f5ff;
  --color-legal-eagle-100: #e3e7f6;
  --color-legal-eagle-200: #ced3e7;
  --color-legal-eagle-300: #b0b6cd;
  --color-legal-eagle-400: #959eb8;
  --color-legal-eagle-500: #7c85a2;
  --color-legal-eagle-600: #697189;
  --color-legal-eagle-700: #545a6e;
  --color-legal-eagle-800: #3d4251;
  --color-legal-eagle-900: #2a2e38;
  --color-legal-eagle-950: #171a23;
}

SCSS

$legal-eagle: #6d758f;
$legal-eagle-rgb: 109, 117, 143;
$legal-eagle-light: mix(#fff, $legal-eagle, 20%);
$legal-eagle-dark: mix(#000, $legal-eagle, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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