命名颜色 · #5C5687

Mountain Iris

Mountain Iris 即 #5C5687：rgb(92 86 135)、hsl(247 22% 43%)、oklch(0.48 0.078 288.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Purple mean? → · Mountain Iris color name →

#5C5687

oklch(0.48 0.078 288.7)

颜色转换

HEX: #5c5687
RGB: rgb(92 86 135)
HSL: hsl(247 22% 43%)
HWB: hwb(247 34% 47%)
OKLCH: oklch(0.48 0.078 288.7)
OKLab: oklab(0.48 0.025 -0.074)
CIE Lab: lab(38.76 11.61 -26.76)
LCH: lch(38.76 29.17 293.5)
CMYK: cmyk(32% 36% 0% 47%)

浅色调 · 深色调 · 灰色调

浅色调

6B6693
7A769F
8986AB
9997B7
A9A7C3
BAB8CF
CBCADB
DCDBE7
EDEDF3

深色调

4F4A75
423E63
363251
2A2741
1F1C31
141221
0A0813
030206
000001

灰色调

5F5A87
635F86
666386
6A6785
6D6B84
716F84
757483
787882
7C7C81

配色和谐

互补色 +180°

5C5687
Mountain Iris
616128
≈ Gardener Green

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 6.69:1 · APCA Lc 83

黑底

WCAG 3.13:1 · APCA Lc 19

Fail

最佳文字颜色: #FFFFFF

WCAG 6.69:1 (AA) · APCA Lc 83

Contrast pairs

代码片段

CSS

:root {
  --mountain-iris: #5c5687;
  --mountain-iris-rgb: 92 86 135;
  --mountain-iris-oklch: oklch(0.48 0.078 288.7);
}

.element {
  color: var(--mountain-iris);
  background-color: hsl(247 22% 43%);
  border-color: oklch(0.48 0.078 288.7);
}

Tailwind CSS v4

@theme {
  --color-mountain-iris: #5c5687;
  --color-mountain-iris-50: #f4f2ff;
  --color-mountain-iris-100: #e7e4ff;
  --color-mountain-iris-200: #d3cff4;
  --color-mountain-iris-300: #b7b1dd;
  --color-mountain-iris-400: #9c97ca;
  --color-mountain-iris-500: #847eb7;
  --color-mountain-iris-600: #706a9b;
  --color-mountain-iris-700: #59557c;
  --color-mountain-iris-800: #403e5c;
  --color-mountain-iris-900: #2c2b41;
  --color-mountain-iris-950: #191829;
}

SCSS

$mountain-iris: #5c5687;
$mountain-iris-rgb: 92, 86, 135;
$mountain-iris-light: mix(#fff, $mountain-iris, 20%);
$mountain-iris-dark: mix(#000, $mountain-iris, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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