命名颜色 · #C2CECA

Luna Light

Luna Light 即 #C2CECA：rgb(194 206 202)、hsl(160 11% 78%)、oklch(0.841 0.014 174.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Luna Light color name →

#C2CECA

oklch(0.841 0.014 174.1)

颜色转换

HEX: #c2ceca
RGB: rgb(194 206 202)
HSL: hsl(160 11% 78%)
HWB: hwb(160 76% 19%)
OKLCH: oklch(0.841 0.014 174.1)
OKLab: oklab(0.841 -0.014 0.001)
CIE Lab: lab(81.75 -4.79 0.51)
LCH: lch(81.75 4.82 173.9)
CMYK: cmyk(6% 0% 2% 19%)

浅色调 · 深色调 · 灰色调

浅色调

C8D3CF
CED8D4
D4DDDA
DAE1DF
E0E6E4
E6EBEA
ECF0EF
F3F5F4
F9FAFA

深色调

A8B3AF
8F9895
777F7C
606664
494E4D
343837
202322
0E0F0F
020202

灰色调

BBC6C2
B4BEBB
AEB6B3
A7AEAC
A0A6A4
9A9E9D
939796
8D8F8E
868787

配色和谐

互补色 +180°

C2CECA
Luna Light
D3C7CB
≈ Odyssey Lilac

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.61:1 · APCA Lc 28

Fail

黑底

WCAG 12.97:1 · APCA Lc 75

AAA

最佳文字颜色: #000000

WCAG 12.97:1 (AAA) · APCA Lc 75

Contrast pairs

代码片段

CSS

:root {
  --luna-light: #c2ceca;
  --luna-light-rgb: 194 206 202;
  --luna-light-oklch: oklch(0.841 0.014 174.1);
}

.element {
  color: var(--luna-light);
  background-color: hsl(160 11% 78%);
  border-color: oklch(0.841 0.014 174.1);
}

Tailwind CSS v4

@theme {
  --color-luna-light: #c2ceca;
  --color-luna-light-50: #f1f6f5;
  --color-luna-light-100: #e3e9e8;
  --color-luna-light-200: #ced6d4;
  --color-luna-light-300: #b0bab7;
  --color-luna-light-400: #96a19e;
  --color-luna-light-500: #7d8985;
  --color-luna-light-600: #6a7471;
  --color-luna-light-700: #555d5a;
  --color-luna-light-800: #3e4442;
  --color-luna-light-900: #2a2f2d;
  --color-luna-light-950: #181c1a;
}

SCSS

$luna-light: #c2ceca;
$luna-light-rgb: 194, 206, 202;
$luna-light-light: mix(#fff, $luna-light, 20%);
$luna-light-dark: mix(#000, $luna-light, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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