Benannte Farbe · #88CC44
Midsummer Field
Midsummer Field ist #88CC44: rgb(136 204 68), hsl(90 57% 53%), oklch(0.773 0.18 132.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Midsummer Field color name →
#88CC44
oklch(0.773 0.18 132.2)
Farbumrechnungen
- HEX
- #88cc44
- RGB
- rgb(136 204 68)
- HSL
- hsl(90 57% 53%)
- HWB
- hwb(90 27% 20%)
- OKLCH
- oklch(0.773 0.18 132.2)
- OKLab
- oklab(0.773 -0.121 0.134)
- CIE Lab
- lab(75.52 -38.45 57.74)
- LCH
- lch(75.52 69.37 123.7)
- CMYK
- cmyk(33% 0% 67% 20%)
Tints · Shades · Tones
Tints
- 94D25C
- A0D771
- ACDC85
- B8E297
- C4E7A9
- CFECBA
- DBF1CC
- E7F6DD
- F3FAEE
Shades
- 75B13A
- 639730
- 527E26
- 41651D
- 314E14
- 22370C
- 132205
- 060F02
- 010200
Tones
- 88C44F
- 87BD58
- 87B55F
- 86AE66
- 85A66B
- 849F70
- 839775
- 828F79
- 81887D
Farbharmonien
Komplementär +180°
- 88CC44
Midsummer Field
- D894FF
≈ Plasma Trail
Analog -30° +30°
- 88CC44
Midsummer Field
- CAB800
≈ Olive Yellow
- 00D594
≈ Envy’s Love
Triadisch +120° +240°
- 88CC44
Midsummer Field
- 7BB9FF
≈ Cooler Than Ever
- FF8E9E
≈ Charming Cherry
Geteilt komplementär +150° +210°
- 88CC44
Midsummer Field
- A9ABFF
≈ Shy Moment
- FF83D4
≈ Pout Pink
Tetradisch +90° +180° +270°
- 88CC44
Midsummer Field
- 00C8F6
≈ Bright Sky Blue
- D894FF
≈ Plasma Trail
- FF956B
≈ Hibiscus Delight
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.76:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--midsummer-field: #88cc44;
--midsummer-field-rgb: 136 204 68;
--midsummer-field-oklch: oklch(0.773 0.18 132.2);
}
.element {
color: var(--midsummer-field);
background-color: hsl(90 57% 53%);
border-color: oklch(0.773 0.18 132.2);
}Tailwind CSS v4
@theme {
--color-midsummer-field: #88cc44;
--color-midsummer-field-50: #e0ffcd;
--color-midsummer-field-100: #cff6b9;
--color-midsummer-field-200: #b4e696;
--color-midsummer-field-300: #90cb68;
--color-midsummer-field-400: #74b332;
--color-midsummer-field-500: #549c00;
--color-midsummer-field-600: #488400;
--color-midsummer-field-700: #396a00;
--color-midsummer-field-800: #2c4d00;
--color-midsummer-field-900: #1e3600;
--color-midsummer-field-950: #0e2100;
}SCSS
$midsummer-field: #88cc44;
$midsummer-field-rgb: 136, 204, 68;
$midsummer-field-light: mix(#fff, $midsummer-field, 20%);
$midsummer-field-dark: mix(#000, $midsummer-field, 20%);
.element {
color: $midsummer-field;
box-shadow: 0 0 0 2px rgba($midsummer-field, 0.35);
}