Benannte Farbe · #C5E6A4
Field Day
Field Day ist #C5E6A4: rgb(197 230 164), hsl(90 57% 77%), oklch(0.885 0.094 129.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Field Day color name →
#C5E6A4
oklch(0.885 0.094 129.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CBE9AD
- D0EBB7
- D6EEC0
- DCF0C9
- E2F3D2
- E8F5DB
- EDF8E4
- F3FAED
- F9FDF6
Shades
- ABC88E
- 92AB79
- 798E64
- 617350
- 4B593D
- 35402B
- 21281A
- 0E130A
- 020301
Tones
- BEDBA1
- B7D19D
- B0C69A
- A9BC96
- A2B293
- 9BA88F
- 949E8C
- 8D9488
- 878A84
Farbharmonien
Komplementär +180°
- C5E6A4
Field Day
- E8CCFF
≈ Lens Flare Pink
Analog -30° +30°
- C5E6A4
Field Day
- E7DB92
≈ Pineapple Crush
- A2EDC4
≈ Nightly Aurora
Triadisch +120° +240°
- C5E6A4
Field Day
- BCDDFF
≈ Broad Daylight
- FFC9D0
≈ Fruit Bowl
Geteilt komplementär +150° +210°
- C5E6A4
Field Day
- D1D6FF
≈ Pale Phthalo Blue
- FFC4EB
≈ Soulmate Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.22:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}