命名颜色 · #9FA3C0

Ruffled Iris

Ruffled Iris 即 #9FA3C0：rgb(159 163 192)、hsl(233 21% 69%)、oklch(0.722 0.042 279.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Blue mean? → · Ruffled Iris color name →

#9FA3C0

oklch(0.722 0.042 279.1)

颜色转换

HEX: #9fa3c0
RGB: rgb(159 163 192)
HSL: hsl(233 21% 69%)
HWB: hwb(233 62% 25%)
OKLCH: oklch(0.722 0.042 279.1)
OKLab: oklab(0.722 0.007 -0.042)
CIE Lab: lab(67.4 3.08 -15.49)
LCH: lch(67.4 15.79 281.2)
CMYK: cmyk(17% 15% 0% 25%)

浅色调 · 深色调 · 灰色调

浅色调

A8ACC6
B1B5CD
BBBED3
C4C7D9
CED0DF
D8D9E6
E1E3EC
EBECF2
F5F6F9

深色调

8A8DA7
75788E
616376
4D4F5F
3B3C49
292A34
181920
090A0E
010102

灰色调

9C9FB9
999CB3
9698AC
9295A6
8F91A0
8C8E99
898A93
86878D
838386

配色和谐

互补色 +180°

9FA3C0
Ruffled Iris
ABA688
≈ Stone

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.47:1 · APCA Lc 49

Fail

黑底

WCAG 8.47:1 · APCA Lc 53

AAA

最佳文字颜色: #000000

WCAG 8.47:1 (AAA) · APCA Lc 53

Contrast pairs

代码片段

CSS

:root {
  --ruffled-iris: #9fa3c0;
  --ruffled-iris-rgb: 159 163 192;
  --ruffled-iris-oklch: oklch(0.722 0.042 279.1);
}

.element {
  color: var(--ruffled-iris);
  background-color: hsl(233 21% 69%);
  border-color: oklch(0.722 0.042 279.1);
}

Tailwind CSS v4

@theme {
  --color-ruffled-iris: #9fa3c0;
  --color-ruffled-iris-50: #f3f4ff;
  --color-ruffled-iris-100: #e5e7f6;
  --color-ruffled-iris-200: #d1d3e6;
  --color-ruffled-iris-300: #b3b5cd;
  --color-ruffled-iris-400: #999cb8;
  --color-ruffled-iris-500: #8084a2;
  --color-ruffled-iris-600: #6c7089;
  --color-ruffled-iris-700: #56596e;
  --color-ruffled-iris-800: #3e4151;
  --color-ruffled-iris-900: #2b2d39;
  --color-ruffled-iris-950: #181a23;
}

SCSS

$ruffled-iris: #9fa3c0;
$ruffled-iris-rgb: 159, 163, 192;
$ruffled-iris-light: mix(#fff, $ruffled-iris, 20%);
$ruffled-iris-dark: mix(#000, $ruffled-iris, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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