命名颜色 · #C9CC4A

Slap Happy

Slap Happy 即 #C9CC4A：rgb(201 204 74)、hsl(61 56% 55%)、oklch(0.819 0.15 110.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Slap Happy color name →

#C9CC4A

oklch(0.819 0.15 110.6)

颜色转换

HEX: #c9cc4a
RGB: rgb(201 204 74)
HSL: hsl(61 56% 55%)
HWB: hwb(61 29% 20%)
OKLCH: oklch(0.819 0.15 110.6)
OKLab: oklab(0.819 -0.053 0.14)
CIE Lab: lab(80.01 -12.93 61.64)
LCH: lch(80.01 62.98 101.9)
CMYK: cmyk(1% 0% 64% 20%)

浅色调 · 深色调 · 灰色调

浅色调

CED162
D3D776
D8DC89
DEE19B
E3E6AD
E8EBBE
EEF0CE
F4F5DF
F9FAEF

深色调

AEB13F
959735
7C7E2A
646520
4C4E17
36370E
222206
0F0F02
020200

灰色调

C1C454
BABD5D
B2B564
ABAE6A
A3A66F
9C9E73
959777
8E8F7A
87887D

配色和谐

互补色 +180°

C9CC4A
Slap Happy
C3B9FF
≈ Dried Lilac

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.71:1 · APCA Lc 31

Fail

黑底

WCAG 12.21:1 · APCA Lc 72

AAA

最佳文字颜色: #000000

WCAG 12.21:1 (AAA) · APCA Lc 72

Contrast pairs

代码片段

CSS

:root {
  --slap-happy: #c9cc4a;
  --slap-happy-rgb: 201 204 74;
  --slap-happy-oklch: oklch(0.819 0.15 110.6);
}

.element {
  color: var(--slap-happy);
  background-color: hsl(61 56% 55%);
  border-color: oklch(0.819 0.15 110.6);
}

Tailwind CSS v4

@theme {
  --color-slap-happy: #c9cc4a;
  --color-slap-happy-50: #f5fac9;
  --color-slap-happy-100: #e8eeb4;
  --color-slap-happy-200: #d5db90;
  --color-slap-happy-300: #b8bf60;
  --color-slap-happy-400: #a3a624;
  --color-slap-happy-500: #8d8d00;
  --color-slap-happy-600: #777700;
  --color-slap-happy-700: #5f6000;
  --color-slap-happy-800: #484500;
  --color-slap-happy-900: #323000;
  --color-slap-happy-950: #1e1c00;
}

SCSS

$slap-happy: #c9cc4a;
$slap-happy-rgb: 201, 204, 74;
$slap-happy-light: mix(#fff, $slap-happy, 20%);
$slap-happy-dark: mix(#000, $slap-happy, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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