命名颜色 · #C3DCD5

Green Wave

Green Wave 即 #C3DCD5：rgb(195 220 213)、hsl(163 26% 81%)、oklch(0.874 0.028 177)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Green Wave color name →

#C3DCD5

oklch(0.874 0.028 177)

颜色转换

HEX: #c3dcd5
RGB: rgb(195 220 213)
HSL: hsl(163 26% 81%)
HWB: hwb(163 76% 14%)
OKLCH: oklch(0.874 0.028 177)
OKLab: oklab(0.874 -0.028 0.001)
CIE Lab: lab(85.75 -9.62 0.48)
LCH: lch(85.75 9.64 177.1)
CMYK: cmyk(11% 0% 3% 14%)

浅色调 · 深色调 · 灰色调

浅色调

C9DFD9
CFE3DD
D5E6E1
DBEAE6
E1EDEA
E7F1EE
EDF4F2
F3F8F6
F9FBFB

深色调

A9BFB9
90A39E
788883
606E6A
4A5451
343C3A
202624
0E1110
020202

灰色调

BCD2CC
B5C9C3
AFBFBB
A8B6B2
A1ADAA
9AA4A1
949B99
8D9290
878988

配色和谐

互补色 +180°

C3DCD5
Green Wave
E6CED6
≈ Ephemeral Red

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.44:1 · APCA Lc 21

Fail

黑底

WCAG 14.51:1 · APCA Lc 82

AAA

最佳文字颜色: #000000

WCAG 14.51:1 (AAA) · APCA Lc 82

Contrast pairs

代码片段

CSS

:root {
  --green-wave: #c3dcd5;
  --green-wave-rgb: 195 220 213;
  --green-wave-oklch: oklch(0.874 0.028 177);
}

.element {
  color: var(--green-wave);
  background-color: hsl(163 26% 81%);
  border-color: oklch(0.874 0.028 177);
}

Tailwind CSS v4

@theme {
  --color-green-wave: #c3dcd5;
  --color-green-wave-50: #edf8f5;
  --color-green-wave-100: #deebe8;
  --color-green-wave-200: #c8d8d4;
  --color-green-wave-300: #a9bcb7;
  --color-green-wave-400: #8ea49e;
  --color-green-wave-500: #738d86;
  --color-green-wave-600: #617771;
  --color-green-wave-700: #4e5f5a;
  --color-green-wave-800: #384642;
  --color-green-wave-900: #27302d;
  --color-green-wave-950: #151c1a;
}

SCSS

$green-wave: #c3dcd5;
$green-wave-rgb: 195, 220, 213;
$green-wave-light: mix(#fff, $green-wave, 20%);
$green-wave-dark: mix(#000, $green-wave, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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