命名颜色 · #C5E6A4
Field Day
Field Day 即 #C5E6A4：rgb(197 230 164)、hsl(90 57% 77%)、oklch(0.885 0.094 129.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Field Day color name →
#C5E6A4
oklch(0.885 0.094 129.7)
颜色转换
- HEX
- #c5e6a4
- RGB
- rgb(197 230 164)
- HSL
- hsl(90 57% 77%)
- HWB
- hwb(90 64% 10%)
- OKLCH
- oklch(0.885 0.094 129.7)
- OKLab
- oklab(0.885 -0.06 0.072)
- CIE Lab
- lab(87.68 -19.71 28.53)
- LCH
- lch(87.68 34.68 124.6)
- CMYK
- cmyk(14% 0% 29% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- CBE9AD
- D0EBB7
- D6EEC0
- DCF0C9
- E2F3D2
- E8F5DB
- EDF8E4
- F3FAED
- F9FDF6
深色调
- ABC88E
- 92AB79
- 798E64
- 617350
- 4B593D
- 35402B
- 21281A
- 0E130A
- 020301
灰色调
- BEDBA1
- B7D19D
- B0C69A
- A9BC96
- A2B293
- 9BA88F
- 949E8C
- 8D9488
- 878A84
配色和谐
互补色 +180°
- C5E6A4
Field Day
- E8CCFF
≈ Lens Flare Pink
类似色 -30° +30°
- C5E6A4
Field Day
- E7DB92
≈ Pineapple Crush
- A2EDC4
≈ Nightly Aurora
三角配色 +120° +240°
- C5E6A4
Field Day
- BCDDFF
≈ Broad Daylight
- FFC9D0
≈ Fruit Bowl
分裂互补色 +150° +210°
- C5E6A4
Field Day
- D1D6FF
≈ Pale Phthalo Blue
- FFC4EB
≈ Soulmate Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.22:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--field-day: #c5e6a4;
--field-day-rgb: 197 230 164;
--field-day-oklch: oklch(0.885 0.094 129.7);
}
.element {
color: var(--field-day);
background-color: hsl(90 57% 77%);
border-color: oklch(0.885 0.094 129.7);
}Tailwind CSS v4
@theme {
--color-field-day: #c5e6a4;
--color-field-day-50: #ebfbe0;
--color-field-day-100: #ddefcf;
--color-field-day-200: #c6ddb4;
--color-field-day-300: #a6c290;
--color-field-day-400: #8caa6e;
--color-field-day-500: #72924d;
--color-field-day-600: #607c42;
--color-field-day-700: #4d6334;
--color-field-day-800: #394824;
--color-field-day-900: #273218;
--color-field-day-950: #151e09;
}SCSS
$field-day: #c5e6a4;
$field-day-rgb: 197, 230, 164;
$field-day-light: mix(#fff, $field-day, 20%);
$field-day-dark: mix(#000, $field-day, 20%);
.element {
color: $field-day;
box-shadow: 0 0 0 2px rgba($field-day, 0.35);
}