命名颜色 · #62C46C

Verdant Oasis

Verdant Oasis 即 #62C46C：rgb(98 196 108)、hsl(126 45% 58%)、oklch(0.74 0.155 145.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Verdant Oasis color name →

#62C46C

oklch(0.74 0.155 145.9)

颜色转换

HEX: #62c46c
RGB: rgb(98 196 108)
HSL: hsl(126 45% 58%)
HWB: hwb(126 38% 23%)
OKLCH: oklch(0.74 0.155 145.9)
OKLab: oklab(0.74 -0.128 0.087)
CIE Lab: lab(71.69 -44.02 34.86)
LCH: lch(71.69 56.15 141.6)
CMYK: cmyk(50% 0% 45% 23%)

浅色调 · 深色调 · 灰色调

浅色调

74CA7B
85D08A
95D699
A5DDA7
B4E2B6
C3E8C5
D2EED3
E1F4E2
F0F9F0

深色调

54AA5D
47914E
3A7840
2D6132
214A25
163519
0B210D
030E04
000200

灰色调

67BD6F
6CB772
70B074
73A976
76A278
799B7A
7B957C
7D8E7D
7F877F

配色和谐

互补色 +180°

62C46C
Verdant Oasis
DC86DF
≈ Blush Essence

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.18:1 · APCA Lc 43

Fail

黑底

WCAG 9.63:1 · APCA Lc 60

AAA

最佳文字颜色: #000000

WCAG 9.63:1 (AAA) · APCA Lc 60

Contrast pairs

代码片段

CSS

:root {
  --verdant-oasis: #62c46c;
  --verdant-oasis-rgb: 98 196 108;
  --verdant-oasis-oklch: oklch(0.74 0.155 145.9);
}

.element {
  color: var(--verdant-oasis);
  background-color: hsl(126 45% 58%);
  border-color: oklch(0.74 0.155 145.9);
}

Tailwind CSS v4

@theme {
  --color-verdant-oasis: #62c46c;
  --color-verdant-oasis-50: #d8ffdd;
  --color-verdant-oasis-100: #c6f7cb;
  --color-verdant-oasis-200: #a7e7af;
  --color-verdant-oasis-300: #7ecd8a;
  --color-verdant-oasis-400: #5ab664;
  --color-verdant-oasis-500: #2aa03f;
  --color-verdant-oasis-600: #278737;
  --color-verdant-oasis-700: #1f6c2b;
  --color-verdant-oasis-800: #194f1b;
  --color-verdant-oasis-900: #103712;
  --color-verdant-oasis-950: #032204;
}

SCSS

$verdant-oasis: #62c46c;
$verdant-oasis-rgb: 98, 196, 108;
$verdant-oasis-light: mix(#fff, $verdant-oasis, 20%);
$verdant-oasis-dark: mix(#000, $verdant-oasis, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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