Colore con nome · #88CC44
Midsummer Field
Midsummer Field è #88CC44: rgb(136 204 68), hsl(90 57% 53%), oklch(0.773 0.18 132.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Midsummer Field color name →
#88CC44
oklch(0.773 0.18 132.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 94D25C
- A0D771
- ACDC85
- B8E297
- C4E7A9
- CFECBA
- DBF1CC
- E7F6DD
- F3FAEE
Ombre
- 75B13A
- 639730
- 527E26
- 41651D
- 314E14
- 22370C
- 132205
- 060F02
- 010200
Toni
- 88C44F
- 87BD58
- 87B55F
- 86AE66
- 85A66B
- 849F70
- 839775
- 828F79
- 81887D
Armonie di colore
Complementare +180°
- 88CC44
Midsummer Field
- D894FF
≈ Plasma Trail
Analogo -30° +30°
- 88CC44
Midsummer Field
- CAB800
≈ Olive Yellow
- 00D594
≈ Envy’s Love
Triadico +120° +240°
- 88CC44
Midsummer Field
- 7BB9FF
≈ Cooler Than Ever
- FF8E9E
≈ Charming Cherry
Complementare divisa +150° +210°
- 88CC44
Midsummer Field
- A9ABFF
≈ Shy Moment
- FF83D4
≈ Pout Pink
Tetradico +90° +180° +270°
- 88CC44
Midsummer Field
- 00C8F6
≈ Bright Sky Blue
- D894FF
≈ Plasma Trail
- FF956B
≈ Hibiscus Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.76:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
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);
}