命名颜色 · #DCF1C7

Green Glint

Green Glint 即 #DCF1C7：rgb(220 241 199)、hsl(90 60% 86%)、oklch(0.932 0.06 129.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Green Glint color name →

#DCF1C7

oklch(0.932 0.06 129.2)

颜色转换

HEX: #dcf1c7
RGB: rgb(220 241 199)
HSL: hsl(90 60% 86%)
HWB: hwb(90 78% 5%)
OKLCH: oklch(0.932 0.06 129.2)
OKLab: oklab(0.932 -0.038 0.046)
CIE Lab: lab(92.77 -12.61 17.93)
LCH: lch(92.77 21.92 125.1)
CMYK: cmyk(9% 0% 17% 5%)

浅色调 · 深色调 · 灰色调

浅色调

DFF2CD
E3F4D2
E6F5D8
EAF7DE
EDF8E3
F1FAE9
F4FBEE
F8FCF4
FBFEF9

深色调

BFD2AD
A3B393
88957A
6E7962
545D4C
3C4336
262B21
11140E
020302

灰色调

D2E5C0
C9D9B9
BFCEB1
B6C2AA
ADB7A3
A4AC9C
9BA195
92968E
898B87

配色和谐

互补色 +180°

DCF1C7
Green Glint
F1E1FF
≈ Lavender Savour

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.20:1 · APCA Lc 10

Fail

黑底

WCAG 17.44:1 · APCA Lc 94

AAA

最佳文字颜色: #000000

WCAG 17.44:1 (AAA) · APCA Lc 94

Contrast pairs

代码片段

CSS

:root {
  --green-glint: #dcf1c7;
  --green-glint-rgb: 220 241 199;
  --green-glint-oklch: oklch(0.932 0.06 129.2);
}

.element {
  color: var(--green-glint);
  background-color: hsl(90 60% 86%);
  border-color: oklch(0.932 0.06 129.2);
}

Tailwind CSS v4

@theme {
  --color-green-glint: #dcf1c7;
  --color-green-glint-50: #eff9e7;
  --color-green-glint-100: #e1ecd8;
  --color-green-glint-200: #cbdac0;
  --color-green-glint-300: #adbe9f;
  --color-green-glint-400: #93a680;
  --color-green-glint-500: #7a8e64;
  --color-green-glint-600: #677855;
  --color-green-glint-700: #526044;
  --color-green-glint-800: #3d4630;
  --color-green-glint-900: #2a3120;
  --color-green-glint-950: #171d10;
}

SCSS

$green-glint: #dcf1c7;
$green-glint-rgb: 220, 241, 199;
$green-glint-light: mix(#fff, $green-glint, 20%);
$green-glint-dark: mix(#000, $green-glint, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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