命名颜色 · #C1FD95
Celery Mousse
Celery Mousse 即 #C1FD95：rgb(193 253 149)、hsl(95 96% 79%)、oklch(0.93 0.147 133)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Celery Mousse color name →
#C1FD95
oklch(0.93 0.147 133)
颜色转换
- HEX
- #c1fd95
- RGB
- rgb(193 253 149)
- HSL
- hsl(95 96% 79%)
- HWB
- hwb(95 58% 1%)
- OKLCH
- oklch(0.93 0.147 133)
- OKLab
- oklab(0.93 -0.1 0.107)
- CIE Lab
- lab(93.5 -32.7 43.33)
- LCH
- lch(93.5 54.28 127)
- CMYK
- cmyk(24% 0% 41% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- C7FEA1
- CEFEAC
- D4FEB7
- DAFFC2
- E0FFCC
- E7FFD7
- EDFFE1
- F3FFEB
- F9FFF5
深色调
- A7DC81
- 8FBC6D
- 779D5A
- 5F7F48
- 496237
- 344726
- 202D16
- 0E1608
- 020301
灰色调
- BBF094
- B4E393
- AED691
- A7CA8F
- A1BD8D
- 9AB18B
- 94A489
- 8D9886
- 878C83
配色和谐
互补色 +180°
- C1FD95
Celery Mousse
- F3DFFF
≈ Lavender Savour
类似色 -30° +30°
- C1FD95
Celery Mousse
- FAEC6E
≈ Limon
- A2FFD3
≈ Neo Mint
三角配色 +120° +240°
- C1FD95
Celery Mousse
- D8EAFF
≈ Veiling Waterfalls
- FFDFE1
≈ Sweet Mallow
分裂互补色 +150° +210°
- C1FD95
Celery Mousse
- E4E5FF
≈ Lavender Mist
- FFDCF0
≈ Transparent Pink
四角配色 +90° +180° +270°
- C1FD95
Celery Mousse
- C7F0FF
≈ Heaven’s Gate
- F3DFFF
≈ Lavender Savour
- FFE0D4
≈ Light Quilt
对比度与无障碍
Ag
Fail白底
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.75:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--celery-mousse: #c1fd95;
--celery-mousse-rgb: 193 253 149;
--celery-mousse-oklch: oklch(0.93 0.147 133);
}
.element {
color: var(--celery-mousse);
background-color: hsl(95 96% 79%);
border-color: oklch(0.93 0.147 133);
}Tailwind CSS v4
@theme {
--color-celery-mousse: #c1fd95;
--color-celery-mousse-50: #e3ffd5;
--color-celery-mousse-100: #d3f4c3;
--color-celery-mousse-200: #b9e3a4;
--color-celery-mousse-300: #97c87b;
--color-celery-mousse-400: #7bb051;
--color-celery-mousse-500: #5d9920;
--color-celery-mousse-600: #4f821e;
--color-celery-mousse-700: #3f6818;
--color-celery-mousse-800: #304c0b;
--color-celery-mousse-900: #203507;
--color-celery-mousse-950: #102000;
}SCSS
$celery-mousse: #c1fd95;
$celery-mousse-rgb: 193, 253, 149;
$celery-mousse-light: mix(#fff, $celery-mousse, 20%);
$celery-mousse-dark: mix(#000, $celery-mousse, 20%);
.element {
color: $celery-mousse;
box-shadow: 0 0 0 2px rgba($celery-mousse, 0.35);
}