Màu có tên · #C9CC4A
Slap Happy
Slap Happy là #C9CC4A: rgb(201 204 74), hsl(61 56% 55%), oklch(0.819 0.15 110.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Slap Happy color name →
#C9CC4A
oklch(0.819 0.15 110.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CED162
- D3D776
- D8DC89
- DEE19B
- E3E6AD
- E8EBBE
- EEF0CE
- F4F5DF
- F9FAEF
Sắc đậm
- AEB13F
- 959735
- 7C7E2A
- 646520
- 4C4E17
- 36370E
- 222206
- 0F0F02
- 020200
Sắc xám
- C1C454
- BABD5D
- B2B564
- ABAE6A
- A3A66F
- 9C9E73
- 959777
- 8E8F7A
- 87887D
Hòa sắc
Bổ túc +180°
- C9CC4A
Slap Happy
- C3B9FF
≈ Dried Lilac
Tương đồng -30° +30°
- C9CC4A
Slap Happy
- F5B83D
≈ NYC Taxi
- 8CDB7D
≈ Feralas Lime
Bộ ba +120° +240°
- C9CC4A
Slap Happy
- 6FD1FF
≈ Heisenberg Blue
- FFA3CE
≈ Bazooka Pink
Bổ túc chia +150° +210°
- C9CC4A
Slap Happy
- A2C5FF
≈ Pastel Blue
- EFA2FF
≈ Rich Brilliant Lavender
Bộ bốn +90° +180° +270°
- C9CC4A
Slap Happy
- 00DEE8
≈ Tamarama
- C3B9FF
≈ Dried Lilac
- FFA9A8
≈ Upstream Salmon
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.71:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.21:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
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);
}