命名颜色 · #9BEEC1

Nightly Aurora

Nightly Aurora 即 #9BEEC1：rgb(155 238 193)、hsl(147 71% 77%)、oklch(0.884 0.103 159.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Nightly Aurora color name →

#9BEEC1

oklch(0.884 0.103 159.6)

颜色转换

HEX: #9beec1
RGB: rgb(155 238 193)
HSL: hsl(147 71% 77%)
HWB: hwb(147 61% 7%)
OKLCH: oklch(0.884 0.103 159.6)
OKLab: oklab(0.884 -0.096 0.036)
CIE Lab: lab(87.88 -33.48 13.51)
LCH: lch(87.88 36.1 158)
CMYK: cmyk(35% 0% 19% 7%)

浅色调 · 深色调 · 灰色调

浅色调

A6F0C7
B1F2CD
BBF4D4
C5F5DA
CFF7E0
D9F9E6
E3FAEC
ECFCF3
F6FDF9

深色调

86CFA7
72B18F
5E9377
4B775F
395C49
284234
182A20
09140E
010302

灰色调

99E3BA
97D7B4
95CCAD
93C1A7
90B6A0
8DAB9A
8AA093
87958D
848B86

配色和谐

互补色 +180°

9BEEC1
Nightly Aurora
FFC4EB
≈ Soulmate Pink

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.36:1 · APCA Lc 18

Fail

黑底

WCAG 15.39:1 · APCA Lc 86

AAA

最佳文字颜色: #000000

WCAG 15.39:1 (AAA) · APCA Lc 86

Contrast pairs

代码片段

CSS

:root {
  --nightly-aurora: #9beec1;
  --nightly-aurora-rgb: 155 238 193;
  --nightly-aurora-oklch: oklch(0.884 0.103 159.6);
}

.element {
  color: var(--nightly-aurora);
  background-color: hsl(147 71% 77%);
  border-color: oklch(0.884 0.103 159.6);
}

Tailwind CSS v4

@theme {
  --color-nightly-aurora: #9beec1;
  --color-nightly-aurora-50: #dcffec;
  --color-nightly-aurora-100: #cbf3dd;
  --color-nightly-aurora-200: #aee3c7;
  --color-nightly-aurora-300: #87c8a7;
  --color-nightly-aurora-400: #64b189;
  --color-nightly-aurora-500: #3c9b6e;
  --color-nightly-aurora-600: #35835d;
  --color-nightly-aurora-700: #2a694a;
  --color-nightly-aurora-800: #1e4d34;
  --color-nightly-aurora-900: #143624;
  --color-nightly-aurora-950: #052112;
}

SCSS

$nightly-aurora: #9beec1;
$nightly-aurora-rgb: 155, 238, 193;
$nightly-aurora-light: mix(#fff, $nightly-aurora, 20%);
$nightly-aurora-dark: mix(#000, $nightly-aurora, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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